wenzhixin/bootstrap-table

Bootstrap Table is a JavaScript plugin that turns a standard HTML table into an interactive data grid. You add it to a web page that already uses a CSS framework such as Bootstrap, Semantic UI, Bulma, Material Design, or Foundation, and it adds sorting, pagination, row selection, and other features that plain HTML tables do not provide on their own. The plugin can load table data from a server in JSON format using background requests, so large datasets do not need to be embedded directly in the page. Clicking a column header sorts the rows. You can configure the table to show checkboxes or radio buttons for selecting one or more rows, and then read those selections in your JavaScript code. Columns can be shown or hidden individually without reloading the page. Other built-in options include a card view that turns each row into a stacked card layout for smaller screens, a detail view that expands a row to show additional information, fixed headers that stay visible while scrolling through long tables, and localization support for different languages. The behavior is configurable either through JavaScript options or through data attributes added directly to the HTML, so you can adjust things without writing much code. The plugin is free under the MIT license and can be added to a project through npm, Yarn, or a CDN link. It was originally built for Twitter Bootstrap but has since been extended to work with several other CSS frameworks. An online editor is available for experimenting with settings and previewing the result before using it in a real project.