Published on Jul 27, 2021

Grid.js in WordPress

Sridhar Katakam

This members-only tutorial provides the steps to load and initialize Grid.js on a HTML table output by a custom WordPress query having two columns - linked titles and dates.

For a live usage demo, check the Tutorials List page of this site.

It is possible to set up column sorting, quick search filtering, fixed header, pagination etc.

This is a lightweight alternative to DataTables.

While the instructions are for Oxygen, they can easily be applied to just about any WordPress site.

Step 1

Edit a static Page with Oxygen. Add a Section and inside that a Code Block.

Set its width to 100%.

PHP & HTML:

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($47/month or $499 one-time).

Already a member? Log in below or here.

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-omagnifiercrossmenuchevron-down