Tablepress Freezing left columns

Hi,

thanks for your question, and sorry for the trouble. Also, sorry for the late response. I was on holidays and could not answer earlier.

The problem here is that your table uses #rowspan# to merge cells in a column. Unfortunately, this is not supported by the DataTables JS library, which is the foundation of that TablePress Extension ?? So, if you want to use FixedColumns, you must remove all #colspan# and #rowspan# from the table.

Regards,
Tobias

Thank you. I decided to eliminate the colspans/rowspans and combined the first two columns and froze the left column. That part works.

However, if you don’t mind looking once more:

1) The header row is too long or some such thing and a piece of the colored background color is showing up below the header in column 1. This throws off the vertical alignment of the entire table. This may have happened when I removed the spans???

2) I want to tighten the line-height of the table. I tried this … no good:

.tablepress-id-1 tbody td {
line-height: !important 1.1em;
}

3) Is there a way for the header row to scroll but be visible at all times … i.e. if a user is looking at a particular model and goes down the list, he can easily lose his place.

Thanks. Ruth

Hi Ruth,

good to hear that this helped!

1) This is strange. I can reproduce this in Firefox, but not in Google Chrome. This was not caused by removing the spans, though. This is more likely a special bug in Firefox, where the JS code can not properly perform necessary calculations (of widths and heights of elements) when the page is loaded. Unfortunately, I don’t really see why ??

2) If one uses the !important flag, it always has to go after the value, like

.tablepress-id-1 tbody td {
  line-height: 1.1em !important;
}

(In this case, it should however not be necessary to add it.)

3) There is a TablePress Extension for that as well, at https://tablepress.org/extensions/datatables-fixedheader/ Unfortunately, according to the DataTables JS library’s website at https://datatables.net/download/compatibility , the JS code that the Extensions use is not compatible to the FixedColumns ?? So, using both at the same time will not work, I’m afraid.

Sorry for not having better news here.

Regards,
Tobias