Method for Adding a Sortable Table with Floating Headers to a WordPress Website: TablePress

Previously, we sharedWP Table Builderthis table creation plugin. Today, we share another table plugin, TablePress, which supports floating table headers and sorting. TablePress helps you easily create and manage beautiful tables, then embed them into posts, pages, or text widgets via a shortcode. Table data can be edited in a spreadsheet-like interface, so you can edit easily even without coding knowledge. Tables can contain any type of data, even formulas that require evaluation. 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 implement the floating table header sticky top feature?To make the first row (header) of the table float to the very top, we need to install the TablePress extensionDataTables FixedHeaderAfter installing the extension, use the shortcode normally to insert the table into the article. To make the header row stick to the top, adddatatables_fixedheader=topto the shortcode, like the example below.

[table id=123 datatables_fixedheader=top /]

If your website's navigation bar is also always floating at the very 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 this TablePress, there is another paid table pluginAdvanced Tablesthat also supports the sticky display feature. For detailed usage tutorial, refer to:WordPress Table Plugin TablePress Usage Tutorial – Naibabiji Download Link