Plugin Author
Meitar
(@meitar)
It is scrolling just fine horizontally when I went to that page just now….
how do I keep the first column A on the screen at all times?
Plugin Author
Meitar
(@meitar)
From the plugin documentation on shortcode attributes:
class – An optional custom HTML class value or space-separated list of values. The following class names are treated specially:
[…]
FixedHeader-left or FixedHeader-right freezes the left- or right-most column of the table while scrolling horizontally. (You will also need to set datatables_scroll_x="true" in your shortcode to enable horizontal scrolling.)
I saw that already but haven’t figured out how to correctly use it.
I tried
[gdoc key=”https://docs.google.com/spreadsheets/d/1mJ3Q2taX9tSmgST69GW6xTPsx2zjakZlTHGKzFljsHA/edit?usp=sharing” class=”no-responsive” “FixedHeader-left” datatables_scroll_x=”true” datatables_paging=”false” datatables_order=’%5B%5B 1, “desc” %5D%5D’]
and
[gdoc key=”https://docs.google.com/spreadsheets/d/1mJ3Q2taX9tSmgST69GW6xTPsx2zjakZlTHGKzFljsHA/edit?usp=sharing” class=”no-responsive” class=”FixedHeader-left” datatables_scroll_x=”true” datatables_paging=”false” datatables_order=’%5B%5B 1, “desc” %5D%5D’]
Plugin Author
Meitar
(@meitar)
Read it again, carefully:
An optional custom HTML class value or space-separated list of values.
Space-separated:
class="no-responsive FixedHeader-left"
[gdoc key=”https://docs.google.com/spreadsheets/d/1mJ3Q2taX9tSmgST69GW6xTPsx2zjakZlTHGKzFljsHA/edit?usp=sharing” class=”no-responsive FixedHeader-left” datatables_scroll_x=”true” datatables_paging=”false” datatables_order=’%5B%5B 1, “desc” %5D%5D’]
Now the header row moved to the bottom and it still doesn’t freeze the left column
