selection not shown

Describe the bug when selecting a row by code (dataTableClusters.selectRow(e.target.id)😉 in a multiple page tabulator, the selection doesn’t change the page or scroll down if there is a scroll. By the way, the previous selection stay, we have to use the deselectRow()

Tabulator Info

• Tabulator 4.2.7
• Here is my tabulator intialisation: dataTableClusters = new Tabulator("#table-clusters", { layout: "fitColumns", //fit columns to width of table //responsiveLayout: "hide", //hide columns that dont fit on the table tooltips: true, //show tool tips on cells pagination: "local", //paginate the data paginationSize: 7, //allow 7 rows per page of data movableColumns: true, //allow column order to be changed resizableRows: true, //allow row order to be changed selectableRollingSelection:false, selectable: 1, height: "380px", columns: columns, rowClick: (e, row) => { let points = row.getData().points; let coords = row.getData().coords; let id = row.getData().id; showPoints(points, id); map.fitBounds(coords); } });

To Reproduce dataTableClusters.selectRow(e.target.id);

[tentus]

Like I said, you’ll want to tweak the code I provided, because the UX isn’t perfect. In the case of that poly, perhaps the scrollTo and pageTo are firing out of sequence, so experiment with the Promises the methods return to see what works best.

[olifolkerd]

Hey @lcaouen

This is the correct behaviour for Tabulator, selecting the row programatically only selects it, it dosnt bring it into view. if that is your desired result you will need change the page yourself.

Cheers

Oli 😃