The compact toolbar that lived above the DataTables-based spreadsheet table
(spreadsheet_view.php before 2026-05-10).
Built inline via DataTables Buttons extension callbacks.
Contained: column chooser (DataTables ColumnControl), Fit Width, and zoom (−/100%/+).
These were plain <span class="dt-badge dt-badge-*"> elements injected as DataTables
column render callbacks. They had no dot indicator (unlike the current .ss-chip system).
Replaced by .ss-chip .ss-chip-* — see UI Kit → Tabulator Grid → Status & Priority Chips.
Key differences between the DataTables and Tabulator implementations:
| Feature | DataTables (old) | Tabulator 6.4 (new) |
|---|---|---|
| Vendor source | CDN + Buttons + ColumnControl plug-ins | Single Tabulator CDN bundle |
| Table mount | <table id="…"> with PHP <tbody> | <div id="…"> + window.TASK_DATA extracted from hidden <table> |
| Column visibility | column.visible(bool) | col.show() / col.hide() |
| Column move | DataTables ColReorder extension | table.moveColumn(from, to, after) |
| Filter event | drawCallback | dataFiltered event |
| Row numbers | Custom drawCallback counter | rownumFormatter + redraw(true) on filter/sort |
| Badge HTML | DataTables render callback on column | badgeFormatter reads row.getData().statusHtml |
| Floating header | DOM clone + MutationObserver | DOM clone + Tabulator column events |
| Theme | Bootstrap5 DataTables theme | Tabulator standard theme + custom overrides |