Horizontal scroll to a particular column on window load, with Fixed Columns

karlharrison

I have a table with a number of rows from 5-50 depending on the database query and each row has 1+365 columns - i.e. name of person and one for each day of the year and in each cell is data associated with what a person is doing each day of the year.

I am using fixed columns on the first column ( the name of the person) and would like to have the horizontal scroll on window load to scroll a particular column - for example the current date day of year. I can identify the header cell for the current date with javascript but not sure how to scrollX or scrollTo, the column I need.

As you can imagine throughout the year the column to scroll to will slowly shift daily to the right.

karlharrison

This an example table, where I would like on window load to scroll to the cell with id = cell- s

<a class="jsbin-embed" href="http://live.datatables.net/subeqoci/1/embed?html,css,js,output">DataTables - JS Bin</a>

kthorngren

Is this what you are looking for?
http://live.datatables.net/subeqoci/2/edit

Used the scrollIntoView Method as described here:
https://www.w3schools.com/jsref/met_element_scrollintoview.asp

Kevin

karlharrison

Thank you that was most helpful. It seems in my sample I messed up and the Fixed Columns on the first one is isn’t working, but your code gives me a pointer to try and scrollintoView method. Thanks