Search

I am creating the table serverside and send it to the frontend. The table has for better visualisation 200 rows, which means I have a scrollbar on the side. If the user is clicking on a field, the whole table has to be updated serverside and the whole table is sent back to the frontend. Is there a way to position the table data starting from the clicked field? So that the user can scroll up and down from this row? I understand anchor points and read about column().render(), but how does positioning work, if you send the updated table from the server? is there a plugin available or an example?

I'm happy to take at a test case showing the issue. The problem you describe isn't one known to me, so a test case that I can use to diagnose and resolve the issue would be useful. Allan

Thank you Kevin; this helped a lot.

Seems to work here as well (different computer from when I made that example. Allan

Oh - just a minute - are you asking how to add that tr to a DataTable? Use row.add() it will accept a tr as long as it is in the structure configured for the table (i.e. correct number of columns, etc). Personally I'd just use row.add() with the raw data and use renderers in the DataTable to format it as you need. Allan

@allan Thank you

Thanks Kevin. Empty row removed, I commented out the "ordering": true, statement as the csv table data was sorted prior to converting the data into html code.

Thank you. The issue here is that the button data needs to be encrypted, which has to be done server side, not in the js. If I can use columnDefs in the json I build server side to send back to the ajax call, that might work.

@kthorngren amazing, works perfect. Thank you very much. as always appreciate your help. Kind Regards KT

The data is submitted as 2D arrays, so $data['week.week'] $data['unit_group.unit_group'] should be: $data['week']['week'] $data['unit_group']['unit_group'] Respectively, Allan