+ Start a Discussion
mukesh guptamukesh gupta 

LWC Lightning-Datable rowaction drop down cutoff

Hi All,

I am using Lightning-data-table with rowaction (VIEW, EDIT, DELETE).
but dropdown list cut off. not visible all options

this LWC Quickaction component
User-added image

Please suggest.
SwethaSwetha (Salesforce Developers) 
HI Mukesh,
A similar ask has been posted here https://salesforce.stackexchange.com/questions/222547/action-menus-drop-down-not-displayed-when-using-lightning-datatable

The solution listed was to setup the actions in the columns data
var columns = [];

    // Data column definitions added here

    // Add the actions column
    var actions = [
        {label: 'Edit', name: 'EDIT'},
        {label: 'Delete', name: 'DELETE'}
    ];
    columns.push({type: 'action', typeAttributes: { rowActions: actions } });

    component.set("v.mycolumns", columns);

If this information helps, please mark the answer as best. Thank you
CharuDuttCharuDutt
Hii Mukesh 
Try Below Code
const actions = [
    { label: 'View', name: 'view' },
    { label: 'Edit', name: 'edit' },
    { label: 'Delete', name: 'delete' },
];
const columns = [{ label:"Opportunity Name",fieldName:"recordLink",type:"url",sortable:true,
typeAttributes:{label:{fieldName:"Name"},tooltip:"Name",target:"_blank"}},
{ label: 'Stage', fieldName: 'StageName', type: 'Phone'},
{ label: 'Lead Source', fieldName: 'LeadSource', type: 'Text'},
{ label: 'Amount', fieldName: 'Amount', type: 'Picklist'},
{ label: 'Type', fieldName: 'Type', type: 'Picklist'},
{ type: 'action', typeAttributes: { rowActions: actions } },
];
Please Mark It As Best Answer If It Helps
Thank You!
mukesh guptamukesh gupta
Hi Swetha/Charu,

Action columns already added but it's becomes hide in scroll , if i have big list then to see all actions but if list is small then it's becomes hide , when i down key press then each action appear.