function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
mukesh guptamukesh gupta 

LWC Lightning-Datable rowaction drop down cutoff in scroll

Hi Expert,

I am using Lightning-data-table with rowaction (VIEW, EDIT, DELETE).
but dropdown list cut off. not visible all options, i know solution if height added in  class 
.slds-scrollable_y,  but not able to set height in this class

User-added image

Can you please assist






How can set 

this LWC Quickaction component
Piyush jadavPiyush jadav

Override the class CSS.

Create one separate CSS file  and add CSS in that file . Upload that CSS as static resource and load that css using loadStyle.

import { loadStyle } from 'lightning/platformResourceLoader';
connectedcallback() {
                Promise.all([
                    loadStyle(this, resourcePath + '/custom.css');
                ])
}
mukesh guptamukesh gupta
Hi Piysuh,

I done by this way 
  
.slds-scrollable_y{
  height : 150 px !important;
}