Hi,

Greetings to you!

Please try the below code, I have tested in my org and it is working fine. Kindly modify the code as per your requirement.

You can place this component on the detail page or you can create a 'Lightning Tab'.

Note: I have used Opportunity object, you can replace Opportunity with your custom object.

Component:

<aura:component controller="DisplayRecordsC"
                implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" access="global" >
    
    <!-- attributes -->
    <aura:attribute name="data" 
                    type="Object"/>
    
    <aura:attribute name="columns" 
                    type="List[]"/>
    
    <!-- handlers -->
    <aura:handler name="init" 
                  value="{!this}" 
                  action="{!c.doInit}"/>
    
    <!-- datatable -->
    <lightning:datatable aura:id="opportunitydatatable"
                         
                         keyField="Id"
                         data="{!v.data}"
                         hideCheckboxColumn="true"
                         columns="{!v.columns}"/>
</aura:component>

Controller:

({
	doInit : function(component, event, helper) {
        
        helper.queryColumns(component,event,helper);        
        helper.queryOpp(component,event,helper);
    },
})

Helper:

({
	queryColumns : function(component,event,helper) {
        
        component.set('v.columns', [
            {label: 'Opp Name', fieldName: 'Name', editable: true, type: 'text'},
            {label: 'Acc Name', fieldName: 'AccountName', type: 'text'},
            {label: 'StageName', fieldName: 'StageName', editable: true, type: 'text'},
            {label: 'CloseDate', fieldName: 'CloseDate', type: 'date'},
            {label: 'Amount', fieldName: 'Amount', type: 'currency', cellAttributes: { alignment: 'left' }},
        ]);
    },
    
    queryOpp : function(component,event,helper) {
        
        var action=component.get('c.getOpportunities');
        action.setCallback(this, function(response){
            var state = response.getState();
            if (state === "SUCCESS") {
                var rows = response.getReturnValue();
                component.set("v.data", rows);
                
            }
        });
        $A.enqueueAction(action);
    },
})

Apex:

public class DisplayRecordsC {
    
    @AuraEnabled
    public static List<Opportunity> getOpportunities()
    {
        List<Opportunity> oppList=new List<Opportunity>();
        oppList=[SELECT Name,Account.Name,StageName,CloseDate,Amount FROM Opportunity];
        return oppList;
    }
}

I hope it helps you.

Kindly let me know if it helps you and close your query by marking it as solved so that it can help others in the future. It will help to keep this community clean.

Thanks and Regards,
Khan Anas