Stickey Header?
-
Hi, I just got TablePress and I am super impressed so far minus 1 issue (and assuming I can get this sorted I will happily donate! :)).
Issue: I have a large table, and I have the formatting basically where I want it and I like the look now, but I need the header row to stay in view even when scrolling down… I found a code that almost does the trick (.tablepress thead {table-layout: above; position: fixed;) however when I use this two unintended things happen:
#1 – it doesn’t keep the column widths the same as the main table it seems to scale them to match the cell content of only the header row so nothing lines up
#2 – it stays fixed where the table originally loads… ie. because my table loads half way down the page, the header row stays stuck there at the bottom of the page and the table just scrolls behind it…
what I really need is for the header row to #1 be the correct width to match the rest of the table, and #2 I need the header to scroll up along with the table until it reaches the top of the page and then hold there while you continue scrolling so that the header is always in view, but you can see the maximum amount of the spreadsheet too and it’s not only at the base of the page where it loads :)…
It looks like you have an extension that should work @ https://tablepress.org/extensions/datatables-fixedheader/ according to other posts… however for some reason I can’t load that page… I can get to tablepress.org, but not any of it’s other pages… it keeps throwing an error “Unable to connect”… is that on my end? I have had issues connecting to .org websites in the past, but because it allows me to get to the main site I can’t figure out what the issue is…
Any help you can give me on this would be extremely appreciated! I am new to wordpress and coding, but I am learning fast and doing my best!
Thanks so much!
~Kristin
- The topic ‘Stickey Header?’ is closed to new replies.