Tabulator
Tabulator JavaScript Table Lib
minimal example
<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="tabulator.min.css"> <script src="tabulator.min.js"></script> </head> <body> < div id="my-table" >< /div > <script> var table = new Tabulator("#my-table", { ajaxURL:"data.json", layout:"fitColumns", columns:[ {title:"Plant", field:"plant", headerFilter:"input", hozAlign:"center", width:75}, {title:"File", field:"name", headerFilter:"input", hozAlign:"left"}, {title:"Size", field:"size", headerFilter:"input", headerFilterPlaceholder:"MB", headerFilterFunc:">=", hozAlign:"center", width:75}, {title:"Date", field:"date", headerFilter:"input", hozAlign:"center", width:75}, {title:"Time", field:"time", headerFilter:"input", hozAlign:"center", width:75}, ] }); </script> </body></html>
requires tabulator.min.css and tabulator.min.js from lib download, plus a data.json file