Javascript spreadsheet with search and pagination
The following example shows how to create a javascript spreadsheet instance with a design similar to datatables jquery plugin.
Source code
<html> <script src="https://jspreadsheet.com/v5/jspreadsheet.js"></script> <script src="https://jspreadsheet.com/v5/jsuites.js"></script> <link rel="stylesheet" href="https://jspreadsheet.com/v5/jspreadsheet.css" type="text/css" /> <link rel="stylesheet" href="https://jspreadsheet.com/v5/jsuites.css" type="text/css" /> <link rel="stylesheet" href="https://jspreadsheet.com/v4/jspreadsheet.datatables.css" type="text/css" /> <div id="spreadsheet"></div> <script> jspreadsheet(document.getElementById('spreadsheet'), { csv:'https://jspreadsheet.com/jspreadsheet/demo.csv', csvHeaders:true, search:true, pagination:10, paginationOptions:[10,25,50,100], columns: [ { type:'text', width:80 }, { type:'text', width:200 }, { type:'text', width:100 }, { type:'text', width:200 }, { type:'text', width:100 }, ], license: '39130-64ebc-bd98e-26bc4', }); </script> </html>