Datatables Fixedheader

I have several tables where i’d like to use the Fixed header extension. I’ve activated it and it works fine on full screen pc.

However when i go to mobile it works but screws up the scrolling on the table.

I have the following setup before i activated the extension.

My tables all have datatables_fixedcolumns=”left” and horizontal scrolling enabled so when they are viewed on a mobile device the user can scroll back and forth to see the data.

When I activate the fixed header it doesn’t scroll, i can only see the first few columns. When I then scroll down to the bottom of the table and past it the lower sections on the page the text is zoomed out so far you can’t read anything. Going backup resets things.

I guess a couple of questions. Are the fixed columns and fixed header compatible with each other when used on mobile?

I can’t use responsive tables as they layout of the data is difficult.

I’ve Put things back as they were with just fixed columns left and horizontal scrolling, but would love to find a way to have the fixed headers scroll with the rest of the table body.

Anything possible or am I asking too much?

The page I need help with: [log in to see the link]