Fixed header and columns

Hi,

thanks for your post, and sorry for the trouble.

At the moment, having both a fixed header and fixed columns is not possible — it will however shortly be as a Premium feature in TablePress 2.0 (see https://tablepress.org/8-million-downloads-tablepress-2-0/ for an early announcement).

Just a fixed header is already possible, please use https://tablepress.org/extensions/datatables-fixedheader/ for that.

Regards,
Tobias

I installed and activated the plugin, but it does not work, as you can see on the page.

I changed the code to [table id=1 datatables_fixedheader=top /]

Hi,

ah, we need a small extra CSS change. Please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress.fixedHeader-floating {
  z-index: 10000 !important;
}

Regards,
Tobias

Thanks. The issue is that it doesn’t work with responsive scroll.

[table id=1 responsive=scroll datatables_fixedheader=top /]

The header is fixed. So, the fixed header works.

But the header also becomes full-width instead of being responsive when fixed. Moreover, when scrolling to the right of the table, the header does not move.

• This reply was modified 2 years, 3 months ago by djinnie.

Hi,

indeed, this will not work with the scroll mode of the Responsive Tables Extension. Instead, you could use the “Horizontal Scrolling” checkbox on the table’s “Edit” screen.

Regards,
Tobias

Does not work.

Horizontal scrolling does work when I enable the setting, as you told me in the Edit screen, but it doesn’t work when I also have the fixed header enabled. See the earlier link I sent for an example. That table has horizontal scrolling enabled and a fixed header, but horizontal scrolling doesn’t work. When I disable the fixed header, it does work.

Hi,

can you please leave FixedHeader and Horizontal Scrolling on, so that I can test this as well? Thanks!

Regards,
Tobias

Hi again,

ah, my bad. I just checked again in the code: Unfortunately, at this time, the FixedHeader Extension is indeed not compatible to Horizontal Scrolling. These can not be used together here, as the FixedHeader JS code is still an older version.

This will however be possible with a fully enhanced version of the Fixed Header feature that will be coming shortly as part of a premium module for TablePress 2.0 (see https://tablepress.org/8-million-downloads-tablepress-2-0/ for an early announcement).

Regards,
Tobias