Different offset for mobile vs desktop with fixed header

Hi,

thanks for your post, and sorry for the trouble.

Yes, this is possible. For example, set the offset to 0 (as a the default), and then add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

@media screen and (max-width: 767px) {
    .tablepress.fixedHeader-floating {
        top: 80px !important;
    }
}

This will set the offset to 80 pixels for small screens.

Regards,
Tobias

Hi Tobias,

thank you very much – works like a charme ??

Any ideas of how to implement this for all tables at once (instead of having to implement it via shortcode for each table). We have hundreds of tables…

Hi,

Do you mean the FixedHeader Extension? For that, you could add this to the “functions.php” file of your theme. It essentially sets the default parameters for the FixedHeader.

add_filter( 'tablepress_table_render_options', 'tp_turn_on_fixedheader', 10, 2 );
function tp_turn_on_fixedheader( $render_options, $table ) {
  $render_options['datatables_fixedheader'] = 'top';
  return $render_options;
}

Regards,
Tobias

Thanks Tobias.

Works perfectly. We have another issue though…

The extension only works if the Javascript Library tickbox in the configuration of the respective table is activated. To avoid that we have to tick all these tickboxes now manually: is there an easy workaround to this as well?

Thanks so much for your help

Hi,

good to hear that this helped!

Indeed, the “Use DataTables” checkbox needs to be active for this. We could in principle activate it in the same way as the FixedHeader. However, this could have a drawback: It would also (unless you had turned those off manually in the past) the checkboxes for search, pagination, etc. Then again, we could turn these off in the same way with a few extra lines of code, but that could have a different drawback: It would turn it off everywhere, so that you would lose flexibility if you (now already or in the future) want to use these features with e.g. just a subset of tables…

Regards,
Tobias