For example, you can set data-date-format="mm-dd-yyyy" if you are using the United States date format.
The sorting feature has been developed to be accessible to both Screen Reader users and keybord users; each th.int-table__cell--sort includes a list of three radio inputs (one input for each sorting order) that is visually hidden using the sr-only class:
Screen Readers announce the three different options allowing user to select one of the available sorting. At the same time, keyboard users can move their focus to the th.int-table__cell--sort and control the sorting.
The Interactive Table component can have different actions based on whether there are selected items or not (see demo).
To the container of the actions, add a data-table-controls attribute equal to the table id.
Add a class of .js-int-table-actions__items-selected to the actions you want to show when at least one item is selected, and a .js-int-table-actions__no-items-selected class to the actions you want to show when no items are selected.
<!-- all the actions you want to show when no items are selected -->
<!-- all the actions you want to show when at least one item is selected -->
<div id="table-1" class="int-table text-sm js-int-table">
<!-- table cntent here -->