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 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.

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

 

Note

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]