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