table-js

import Table from 'table-js'; import { render } from 'inferno'; // Minimal Inferno setup (peer dependency) const InfernoContainer = ({ children }) => <div>{children}</div>; // Assume a basic table configuration and data structure const tableConfig = { container: document.querySelector('#table-container'), data: [ { id: 'row1', cells: [{ id: 'cell1-1', content: 'Header A' }, { id: 'cell1-2', content: 'Value X' }] }, { id: 'row2', cells: [{ id: 'cell2-1', content: 'Header B' }, { id: 'cell2-2', content: 'Value Y' }] } ], columns: [ { id: 'col1', width: 150 }, { id: 'col2', width: 200 } ] }; function initializeTable() { const container = document.createElement('div'); container.id = 'table-container'; document.body.appendChild(container); const table = new Table(tableConfig); table.render(); console.log('Table initialized and rendered.'); // Example of interaction (assuming API) // table.on('cell.select', (event) => { // console.log('Cell selected:', event.element); // }); } // You would typically mount your Inferno application // and integrate table-js within an Inferno component. // For a quickstart, we just attach it to a raw DOM element. document.addEventListener('DOMContentLoaded', initializeTable);