Welcome to JsDataTable
JsDataTable is a lightweight plugin for wordpress, that presents interactive and sortable DataTables on websites. For this purpose your existing wordpress posts act as the data source, from where data is retrieved from. Different fields from the posts appear as columns inside the table . You apply your regular wordpress categories or wordpress tags as your criteria to restrict the number of shown records in the table. All columns can be customized by a lot of options, also including printing data from wordpress custom post fields into the columns. Just use the [jsdatatable]-shortcode to pull your information from your wordpress database to present the DataTable on a webpage. Further information, a lot live examples and the full set of options for the shortcode you get here on this website.
JsDataTable is also prepared to show the naked content of a post within a beautiful modal. Just by clicking on the specific row in the table, the modal appears. That means the post content in the modal appears now without menus, without headers, without sidebars and without a footer. Only the post content of that specific post appears on the screen. Determine further information about this approach in the article Add-On’s . That ‘s an instruction how you could prepare your setup to support modals.
Check out the following nice example, a DataTable could look like this…
Each post in this wordpress demo database represents a vehicle. And each post contains a mix of default wordpress fields (like title, content, picture,…) and in addition some custom post fields (like Manufacturer, Logo, Model, Vehicle, Country, Year,…). This database shows 62 cars & motorbikes. therefrom 40 wordpress posts within the category “Car” and 22 wordpress posts within the category “Motorbike“. Each post is also allocated to the wordpress category “Vehicle“. So we can play around a bit now.
To display this DataTable above, e.g. the following shortcode works fine:
[jsdatatable CATEGORY=Vehicle COLS=Logo,title,Vehicle,Country,Year ORDERBY=Year ORDER=dsc]