Welcome to JsDataTable

picture with question marks

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 data fields from a wordpress post will appear each other as column within the DataTable . You apply your usual wordpress categories or wordpress tags as your criteria to limit the number of shown records in the table. All columns can be customized by a lot of options. The data source is not restricted to default post fields, it can also be retrieved from wordpress custom post fields into the columns. Use the [jsdatatable]-shortcode to pull your information from your wordpress database to present them within a DataTable on your webpage. Further information, live examples and the full set of options for this shortcode you get here on this website.

The plugin JsDataTable is also prepared to show the naked content of a wordpress post within a beautiful modal. Just by clicking on a link in the table, the modal appears. This means a wordpress post content appears in the modal without any menus, headers, sidebars and without a footer, only the content goes onto the screen. Determine further information about this approach in the article Add-On’s and see the instruction how you could prepare your setup to support modals.


Check out the following nice example, a DataTable could look like this…

Each row in the following DataTable is a single wordpress post in the database and represents a vehicle. In this example each wordpress post contains a mix of some wordpress default fields (like title, content, picture,…) and in addition some custom post fields (like Manufacturer, Logo, Model, Vehicle, Country, Year,…). There are 62 posts in the database, therefrom 40 cars within the wordpress category “Car” and 22 motorbikes within the wordpress category “Motorbike“. Each post is also allocated to the wordpress category “Vehicle“. So we can play around a bit now.

You will get this DataTable output by using following shortcode:
[jsdatatable CATEGORY=Vehicle COLS=Logo,title,Vehicle,Country,Year  ORDERBY=Year ORDER=dsc]

LogoTitleVehicleCountryYear
Logo Harley-DavidsonHarley-Davidson 1200 CustomMotorbikeUSA2016
Logo HusqvarnaHusqvarna FC450MotorbikeSweden2016
Logo VWVW Touran IICarGermany2015
Logo HondaHonda RC213V-SMotorbikeJapan2015
Logo KawasakiKawasaki Ninja ZX-10RMotorbikeJapan2015
Logo HusqvarnaHusqvarna FS450 SupermotoMotorbikeSweden2015
Logo VWVW TouaregCarGermany2014
Logo MercedesMercedes E 220 CDI AvantgardeCarGermany2013
Logo HusqvarnaHusqvarna SM450MotorbikeSweden2013
Logo VWVW Golf VIICarGermany2012
Logo VWVW Passat AlltrackCarGermany2012
Logo BMWBMW 320d (F30)CarGermany2011
Logo BMWBMW 730dCarGermany2011
Logo HondaHonda CivicCarJapan2011
Logo VolvoVolvo V60CarSweden2011
Logo General MotorsGeneral Motors Z06 (Corvette C6)CarUSA2011
Logo MercedesMercedes E 250 AMG Blue EfficiencyCarGermany2011
Logo BMWBMW R 1200 RMotorbikeGermany2011
Logo BMWBMW 523i (F10)CarGermany2010
Logo General MotorsGeneral Motors Buick La CrosseCarUSA2008
Logo BMWBMW R 1200 RTMotorbikeGermany2007
Logo HondaHonda HornetMotorbikeJapan2007
Logo BMWBMW F 650 GS DakarMotorbikeGermany2004
Logo General MotorsGeneral Motors Hummer H2CarUSA2003
Logo VolvoVolvo S60CarSweden2001
Logo VWVW PoloCarGermany2001
Logo VWVW PhaetonCarGermany2001
Logo VWVW Golf GTICarGermany2000
Logo KawasakiKawasaki Ninja ZX-12RMotorbikeJapan2000
Logo VWVW Kaefer (New Beetle)CarGermany1997
Logo HondaHonda Fireblade SC33MotorbikeJapan1996
Logo VWVW Golf VariantCarGermany1993
Logo KawasakiKawasaki ZZR 600MotorbikeJapan1993
Logo MercedesMercedes 500 ECarGermany1992
Logo HondaHonda GL1200 AspencadeMotorbikeJapan1986
Logo Harley-DavidsonHarley-Davidson Softail EvolutionMotorbikeUSA1984
Logo HondaHonda CRXCarJapan1983
Logo HondaHonda PreludeCarJapan1982
Logo HondaHonda CX500MotorbikeJapan1982
Logo General MotorsGeneral Motors Pontiac FirebirdCarUSA1981
Logo VWVW Golf ICarGermany1981
Logo VWVW JettaCarGermany1981
Logo VWVW Scirocco IICarGermany1981
Logo KawasakiKawasaki Z1300MotorbikeJapan1981
Logo VolvoVolvo 244 DLCarSweden1974
Logo BMWBMW R 75/5MotorbikeGermany1973
Logo BMWBMW Glas 3000 V8CarGermany1967
Logo HondaHonda N360CarJapan1967
Logo VolvoVolvo DAF 44CarSweden1967
Logo General MotorsGeneral Motors Sting Ray (Corvette C2)CarUSA1967
Logo General MotorsGeneral Motors Pontiac Grand ParisienneCarUSA1967
Logo General MotorsGeneral Motors Cadillac Sedan DeVilleCarUSA1967
Logo MercedesMercedes 190 c / W110CarGermany1967
Logo VWVW Kaefer 1300CarGermany1967
Logo VWVW Passat 411CarGermany1967
Logo HondaHonda CB125MotorbikeJapan1967
Logo Harley-DavidsonHarley-Davidson ShovelheadMotorbikeUSA1967
Logo VWVW Karmann-Ghia Typ 34CarGermany1961
Logo MercedesMercedes 300 S CoupeCarGermany1951
Logo Harley-DavidsonHarley-Davidson PanheadMotorbikeUSA1948
Logo BMWBMW R 52MotorbikeGermany1928
Logo MercedesMercedes Doppel-Phaeton 28CarGermany1905