Grid.js is a lightweight JavaScript table plugin that works on all web browsers and devices. Grid.js is open-source and it helps you create advanced tables in seconds!

Grid.js is a table plugin written in TypeScript. It is developed to be used with all popular JavaScript frameworks include React, Angular.js, Vue or without any frameworks!

You don't need any build tools to use Grid.js. Simply include the JavaScript and CSS files in your project and then call the Grid class to create a new instance:

You can either install Grid.js using NPM or directly include the JavaScript and CSS files from a CDN

const tableRef = useRef(null); const wrapperRef = useRef(null); useEffect(() => { const grid = new Grid({ from: tableRef.current, }).render(wrapperRef.current); });

tip Grid.js automatically calculates the width of columns when autoWidth is set to true You can also change the way column widths are calculated. In this example, we are adding white …

const grid = new Grid ( { columns: ['Name', 'Email', 'Phone Number'], data: [ ['John', 'john@example.com', ' (353) 01 222 3333'], ['Mark', 'mark@gmail.com', ' (01) 22 888 4444'] ] });

new Grid({ columns: [{ name: "Name", sort: true, }, { name: "Email" }, { name: "Phone Number", width: '50%' }] });

Grid.js is designed to be independent of web browser context, and it is just a data processing library. Although the first version of Grid.js is primarily used to render web browser elements, I …

new Grid({ data: [ { name: 'John', email: 'john@example.com' }, { name: 'Mark', email: 'mark@gmail.com' }, { name: 'Eoin', email: 'eo3n@yahoo.com' }, { name: 'Nisen', email: …