Tabulator loses sort state with auto columns after page change

[HenriqueSabino]

Describe the bug When the tabulator is configured with auto columns, after changing the page, the sort caret no longer represents the current sorting state of the table (running tabulator.getSorters() returns correct column).

Tabulator Info

• tabulator 5.5, also tested on most recent version, same problem is reproducible.

Working Example

The JsFiddle reproducing the issue https://jsfiddle.net/v02qyorf/

To Reproduce A step by step guide to recreate the issue in your JS Fiddle or Codepen:

1. Go to the JsFiddle provided
2. Click on id column twice so it sorts by descending order
3. Change to page two
4. Id column sort caret is reset to default state

Expected behavior The sort caret of the column should stay the same because the new column loaded has same field name or alternatively there should be a way to set the column sort direction programatically

Screenshots Initial state Sorted column After page change

Desktop (please complete the following information):

• Windows 11
• Opera GX, Edge
• Opera GC LVL5 (core: 107.0.5045.89), Edge 123.0.2420.97

[olifolkerd]

You can't use auto columns with remote paginated data, it will reset the column layout on every page load breaking the sort

[HenriqueSabino]

Ok. I got a work around for anyone in need

table.on('renderComplete', () => 
{
    let columns = table.getColumns();
    for (let column of columns) {

    var sorters = table.getSorters();
    const columnField = column.getField();
    var sortingColumn = sorters.find(x => x.field === columnField);

    console.log(sortingColumn)

    if (sortingColumn) {
        const dir = sortingColumn.dir === 'asc' ? 'ascending' : 'descending' ;
      column.getElement().setAttribute('aria-sort', dir)
    }
  }
})