Contents
How to fix SLDs table header without JavaScript?
The SLDS table header row can be fixed using standard classes. There are two classes that are important slds-table–header-fixed_container and slds-cell-fixed and i created a working example on github please refer this link for sample code Github link The detailed explanation is on link SLDS framework data-table with fixed header without javascript
Which is the second important class in SLDs?
Second important class is slds-cell-fixed which is applied to div inside th element. These classes are the part of Lightning Design System. There is no documentation available on Data Tables till now. The github feature request for this functionality can be found here Feature Request: Fixed Header Row for slds-table
Where to place the modal footer in SLDs?
You have misplaced the modal footer, in order to get proper styling you should place your modal footer at the same level as the slds-modal__header and the slds-modal__content. This is an example of how the modal needs to be structured in order to get proper formatting
What does smooth transition mean in LWC page header?
I didn’t believe that I am the first one who try to do this, but I’ve researched a lot and didn’t find any article to it. As you also see, the LWC Page Header “smooth transition” is the simple following line of CSS (js minified so difficult to read: Math.min (e, E)?):
Is there support for multi row headers in HTML?
Multi-row header support is available, and is especially effective if the table uses the id/headers attributes for accessibility as specified in the WCAC Guidelines, which is not as onerous a requirement as it might seem. The code does not depend on any libraries, but plays nicely with them if they are being used.
Where to place scrollable header and body in CSS?
See the Pen Content Scrollable Table – CSS only by Ruifeng Ma ( @maruifeng ) on CodePen . You can place two div where 1st div (Header) will have transparent scroll bar and 2nd div will be have data with visible/auto scroll bar.
What was the change to the back icon in SLDs?
Removed white background-color from .slds-tabs_default to expose surface color of the tabs parent container. The back icon present in tabs on mobile has been replaced by chevronleft. This is an inherited change from panels and it makes the icon consistent between the drilled-in states.