function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Shri BEShri BE 

lightning component custom view all records in link

Hi Friends,

I am learning lightning and I have got stuck in creating lightning component. I have created a lightning datatable and I want to add viewall link after the table. If I click on the link it should navigate to next page contains all records.

Below is my component:
Apex Controller:

public class viewContactController {
    public static List<Contact> getContactRecords(String accountId)
        List<Contact> contactList = [SELECT Id, Name, Account.Name, Email, Phone, Title
                                       FROM Contact 
                                       WHERE Account.Id =: accountId ORDER BY LastModifiedDate Desc];
        if(contactList <> NULL && contactList.size() > 0)
            return contactList;
            return NULL;


<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" controller="viewContactController" access="global" >
    <aura:attribute name="contactList" type="List" description="contains Contact records"/>
    <aura:attribute name="mycolumns" type="List"/>
    <aura:handler name="init" value="{!this}" action="{!c.fetchAcc}"/>	    
    <lightning:card iconName="standard:Daily_Practice__c" title="Related Contacts">
        <lightning:datatable data="{!v.contactList}"


    fetchAcc : function(component, event, helper) {
        helper.fetchAccHelper(component, event, helper);

Controller Helper:

    fetchAccHelper : function(component, event, helper) {
        component.set('v.mycolumns', [                 
            	 {label: 'Action', fieldName: 'linkName', type: 'url', 
                		typeAttributes: {label: 'View Record',name: 'Name', target: '_blank'}},            	 
                 {label: 'Contact Name', fieldName: 'Name', type: 'text'},
            	 {label: 'Email', fieldName: 'Email', type: 'Email'},
            	 {label: 'Phone', fieldName: 'Phone', type: 'Phone'},
                 {label: 'Account Name', fieldName: 'accountId', type: 'text'}
        var action = component.get("c.getContactRecords");
        action.setCallback(this, function(response){
            var state = response.getState();
            if (state === "SUCCESS") {
                var records =response.getReturnValue();
                    record.linkName = '/'+record.Id;
                    record.accountId = record.Account.Name
                component.set("v.contactList", records);
Below is sample viewall. I want to add same for my custom component.
User-added image

Thanks in advance.
ANUTEJANUTEJ (Salesforce Developers) 
Hi Shri,

I found a link similar to your implementation please find the link below:


In case if this was helpful could you please close the thread by marking this as the best answer so that it is useful for others in the future and also helps in the community clean.