Migrate to Tan Stack table - Custom Data Table

[TomDijkema]

Proud to announce the new and improved Data Table for global usage within DiSSCover. The new data table component is built by using the Tan Stack table library, which is a headless library. Headless means that it does not provide a full component to be used, but rather an API that can be requested and used for passing functionality onto a plain HTML table.

The custom Data Table component has several options built in at the moment:

• Functionality for filtering per column
• Sticky header when scrolling down
• Row selection
• Pinned columns
• Dynamic width of table columns based upon REM value

The columns and data to pass to the data table should be defined loosely from the component itself. That is why table configuration files have been introduced to take care of the column configuration. Most of this code is repeatable and takes a lot of space, these files should help prevent code from becoming messier.

New features to the Data Table component may be introduced in the future by demand.

[sonarcloud[bot]]

Quality Gate passed

Kudos, no new issues were introduced!

0 New issues
0 Security Hotspots
0.7% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[TomDijkema]

⚡ Ok, I don't know if I get it all but didn't see anything strange. Looking forward to seeing it in action

I can maybe explain it on Thursday, when you see the logic, it is pretty straightforward!