Method for adding sortable tables with floating headers to WordPress websites: TablePress

Previously, I sharedWP 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 extensionDataTables 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 bottombottomBesides TablePress, there is another paid table pluginAdvanced Tablesthat also supports the sticky header feature. For detailed usage tutorial, refer to:WordPress Table Plugin TablePress Usage Tutorial – Naibabiji Download Link