The table component is per default using virtual scrolling, which means it only renders the rows that are currently visible and all have the same height (see itemHeight
setting). This is very efficient for large datasets.
With right click on the header, you can display additional columns.
For small datasets, you can disable virtual scrolling by setting the virtualScroll
property to false
. This enables rows to have different heights. This example has also no-focus-outline
, multi-select
, and freezeColumns
enabled.
<dui-table>
(source)<dui-table-column>
(source)[duiTableHeader]
(source)[duiTableCell]
(source)<dui-dropdown[duiTableCustomHeaderContextMenu]>
(source)<dui-dropdown[duiTableCustomRowContextMenu]>
(source)