Previously, I shared
WP Table Builderthis table creation plugin. Today, I'm sharing another table plugin, TablePress, which supports floating table headers and sorting. TablePress helps you easily create and manage beautiful tables, then embed the tables into posts, pages, or text widgets using a shortcode. Table data can be edited in a spreadsheet-like interface, so even if you don't know code, you can easily edit. Tables can contain any type of data, even formulas that will be evaluated. Another JavaScript library adds features like sorting, pagination, filtering, etc., for site visitors. Tables can be imported from and exported to Excel, CSV, HTML, and JSON files.
How to achieve the floating table header sticky top function?To make the first row header of the table float to the top, we need to install a TablePress extension
DataTables FixedHeaderAfter installing the extension, normally use the shortcode to insert the table into the post. To make the first row stick to the top, add the following to the shortcode:
datatables_fixedheader=topThat's it, just like the example below.
[table id=123 datatables_fixedheader=top /]
If your website's navigation bar is also always floating at the top, the two will definitely overlap. Therefore, you can also add an offset value, as shown below:
[table id=123 datatables_fixedheader=top datatables_fixedheader_offsettop=60 /]
Besides 'top', you can also make it display at the bottom
bottomBesides TablePress, there is another paid table plugin
Advanced Tablesthat also supports the sticky header feature. For detailed usage tutorial, refer to:
WordPress Table Plugin TablePress Usage Tutorial – Naibabiji Download Link
Comments are closed
The comment function for this article is closed. If you have any questions, please feel free to contact us through other channels.