# wenzhixin/bootstrap-table

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/wenzhixin-bootstrap-table).**

11,820 stars · 4,363 forks · JavaScript · MIT

## Links

- GitHub: https://github.com/wenzhixin/bootstrap-table
- Homepage: https://bootstrap-table.com/
- awesome-repositories: https://awesome-repositories.com/repository/wenzhixin-bootstrap-table.md

## Topics

`bootstrap` `bootstrap-table` `bulma` `checkbox` `css` `css-framework` `datatables` `foundation` `hacktoberfest` `material` `material-design` `materialize` `pagination` `radio` `semantic` `semantic-ui` `table` `vue`

## Description

Bootstrap Table is a jQuery plugin for rendering interactive data grids with sorting, pagination, and filtering. It features a remote data integration system for fetching and synchronizing content from JSON endpoints using AJAX and server-side processing.

The project includes a styling layer that adapts markup to work with various CSS frameworks, such as Bootstrap, Semantic UI, Bulma, and Material Design. It provides specialized rendering modes, including a hierarchical tree grid for parent-child row relationships and a responsive card-view table that transforms grids into mobile-friendly layouts based on viewport width. For large datasets, it utilizes a virtualized list renderer to maintain performance by displaying only the visible subset of data.

The capability surface covers comprehensive data management including inline editing, multi-column sorting, and hybrid client-server pagination. It provides advanced search and filtering tools with regular expression support and match highlighting, as well as state persistence to save user preferences via cookies, local storage, or URL parameters. Additional interface controls include column reordering, fixed positioning, and a programmable toolbar for custom actions.

## Tags

### Data & Databases

- [Interactive Data Grids](https://awesome-repositories.com/f/data-databases/data-analysis-visualization/analytical-platforms-engines/data-exploration/interactive-data-grids.md) — Provides a responsive interactive data grid with built-in sorting, pagination, and filtering capabilities.
- [Pagination](https://awesome-repositories.com/f/data-databases/pagination.md) — Splits large datasets into pages using either client-side or server-side pagination logic. ([source](https://github.com/wenzhixin/bootstrap-table/blob/master/CHANGELOG.md))
- [Remote Data Fetching](https://awesome-repositories.com/f/data-databases/remote-data-fetching.md) — Provides a mechanism to asynchronously retrieve and synchronize table data from remote JSON endpoints.
- [UI](https://awesome-repositories.com/f/data-databases/column-mappings/ui.md) — Implements a configuration-driven approach to map data keys to human-readable headers and formatters.
- [Column-Specific Filter Widgets](https://awesome-repositories.com/f/data-databases/conditional-data-filters/column-specific-filter-widgets.md) — Adds specialized input widgets to each column for advanced, granular data filtering. ([source](https://github.com/wenzhixin/bootstrap-table/blob/master/CHANGELOG.md))
- [Hybrid Pagination Strategies](https://awesome-repositories.com/f/data-databases/data-pagination/hybrid-pagination-strategies.md) — Toggles between local array slicing for small datasets and remote API requests for server-side pagination.
- [Inline Data Editing](https://awesome-repositories.com/f/data-databases/inline-data-editing.md) — Allows direct modification of cell content within the grid using text or select inputs. ([source](https://github.com/wenzhixin/bootstrap-table/blob/master/CHANGELOG.md))
- [Hybrid Pagination Strategies](https://awesome-repositories.com/f/data-databases/pagination/hybrid-pagination-strategies.md) — Toggles between local array slicing for small datasets and remote API requests for server-side pagination.
- [List State Persisters](https://awesome-repositories.com/f/data-databases/state-persistence/list-state-persisters.md) — Saves and restores table parameters like column visibility and sorting using browser local storage or cookies. ([source](https://github.com/wenzhixin/bootstrap-table/blob/master/CHANGELOG.md))
- [Text Search](https://awesome-repositories.com/f/data-databases/text-search.md) — Provides text-based filtering for rows using exact matches and regular expression patterns. ([source](https://github.com/wenzhixin/bootstrap-table/blob/master/CHANGELOG.md))

### Software Engineering & Architecture

- [Large Dataset Optimizations](https://awesome-repositories.com/f/software-engineering-architecture/performance-reliability/performance-optimization/data-handling-throughput/large-dataset-optimizations.md) — Optimizes the rendering of massive datasets through virtual scrolling and server-side pagination.
- [Virtualized Rendering](https://awesome-repositories.com/f/software-engineering-architecture/performance-reliability/performance-optimization/data-handling-throughput/large-dataset-optimizations/virtualized-rendering.md) — Implements virtualized rendering to handle large datasets without causing browser performance degradation.

### User Interface & Experience

- [Server-Side Data Fetching](https://awesome-repositories.com/f/user-interface-experience/content-rendering-components/server-side-data-fetching.md) — Implements a system for fetching and synchronizing table content from external JSON endpoints via AJAX.
- [CSS Framework Integrations](https://awesome-repositories.com/f/user-interface-experience/css-framework-integrations.md) — Features a styling layer that adapts table markup to integrate with Bootstrap, Semantic UI, Bulma, and Material Design.
- [Virtualized List Rendering](https://awesome-repositories.com/f/user-interface-experience/dynamic-list-rendering/virtualized-list-rendering.md) — Uses a virtualized renderer to display only visible rows, ensuring high performance and low memory usage.
- [Row Selection Interfaces](https://awesome-repositories.com/f/user-interface-experience/floating-action-buttons/row-action-triggers/clickable-rows/row-selection-interfaces.md) — Implements interactive row selection using checkboxes, radio buttons, and click events for bulk data operations. ([source](https://cdn.jsdelivr.net/gh/wenzhixin/bootstrap-table@develop/README.md))
- [CSS Framework Mapping](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/styling-architectures/styling-systems/class-based-styling/css-class-based-styling/css-framework-mapping.md) — Uses a flexible class mapping system to ensure compatibility across different CSS frameworks via configuration.
- [Table Sorting Logic](https://awesome-repositories.com/f/user-interface-experience/tables/column-reorderers/table-sorting-logic.md) — Enables reordering table rows by clicking on column headers to toggle ascending or descending sort states. ([source](https://github.com/wenzhixin/bootstrap-table/blob/master/CHANGELOG.md))
- [Virtual Scrolling Utilities](https://awesome-repositories.com/f/user-interface-experience/virtual-scrolling-utilities.md) — Optimizes large dataset performance by rendering only the rows currently visible in the viewport during scrolling. ([source](https://github.com/wenzhixin/bootstrap-table/blob/master/CHANGELOG.md))
- [Table Toolbar Actions](https://awesome-repositories.com/f/user-interface-experience/action-toolbars/table-toolbar-actions.md) — Provides a programmable toolbar for inserting custom action buttons that trigger specific programmatic functions. ([source](https://github.com/wenzhixin/bootstrap-table/blob/master/CHANGELOG.md))
- [Responsive Card Views](https://awesome-repositories.com/f/user-interface-experience/card-layouts/responsive-card-views.md) — Converts traditional data tables into a card-based layout for mobile-friendly readability.
- [Cell Content Formatters](https://awesome-repositories.com/f/user-interface-experience/cell-content-formatters.md) — Provides custom callback functions to transform raw data into formatted HTML or text for cell display.
- [Column Management Interfaces](https://awesome-repositories.com/f/user-interface-experience/column-layout-configurations/column-management-interfaces.md) — Provides interactive controls for toggling the visibility of specific columns on or off. ([source](https://github.com/wenzhixin/bootstrap-table/blob/master/CHANGELOG.md))
- [Framework-Agnostic Theme Mapping](https://awesome-repositories.com/f/user-interface-experience/css-frameworks/framework-agnostic-theme-mapping.md) — Uses a flexible class mapping system to adapt the table's appearance to various CSS frameworks like Bootstrap and Bulma.
- [Hierarchical Grids](https://awesome-repositories.com/f/user-interface-experience/data-grids/hierarchical-grids.md) — Renders structured information using a hierarchical tree grid with expandable and collapsible parent-child relationships.
- [Column Pinning](https://awesome-repositories.com/f/user-interface-experience/data-tables/column-pinning.md) — Locks specific columns to the left or right of the view to maintain context during horizontal scrolling. ([source](https://github.com/wenzhixin/bootstrap-table/blob/master/CHANGELOG.md))
- [Custom Cell Styling](https://awesome-repositories.com/f/user-interface-experience/editor-customization-tools/custom-cell-editors/custom-cell-styling.md) — Allows defining custom visual appearances, classes, and content formatters for individual cells and rows. ([source](https://github.com/wenzhixin/bootstrap-table/blob/master/CHANGELOG.md))
- [Row Detail Expansion](https://awesome-repositories.com/f/user-interface-experience/expanding-content-cells/row-detail-expansion.md) — Provides expandable row detail views to reveal nested content or additional information. ([source](https://github.com/wenzhixin/bootstrap-table/blob/master/CHANGELOG.md))
- [Manual Column Resizing](https://awesome-repositories.com/f/user-interface-experience/grid-column-sizing/manual-column-resizing.md) — Allows users to manually adjust column widths by dragging the boundaries of the table headers. ([source](https://github.com/wenzhixin/bootstrap-table/blob/master/CHANGELOG.md))
- [Real-time Prefix Filtering](https://awesome-repositories.com/f/user-interface-experience/real-time-prefix-filtering.md) — Provides a UI-centric search pattern that narrows table results instantaneously as the user types. ([source](https://github.com/wenzhixin/bootstrap-table/blob/master/CHANGELOG.md))
- [Responsive Card-View Transformations](https://awesome-repositories.com/f/user-interface-experience/responsive-card-view-transformations.md) — Reconstructs the table grid into a series of independent cards based on viewport width for mobile accessibility.
- [Sticky Header Pinning](https://awesome-repositories.com/f/user-interface-experience/sticky-header-pinning.md) — Keeps the table header fixed at the top of the viewport while the user scrolls through the data body. ([source](https://github.com/wenzhixin/bootstrap-table/blob/master/CHANGELOG.md))
- [Card-View Transformations](https://awesome-repositories.com/f/user-interface-experience/table-components/responsive-layouts/card-view-transformations.md) — Transforms traditional data grids into mobile-friendly card layouts based on the viewport width.
- [Progressive Row Loading](https://awesome-repositories.com/f/user-interface-experience/table-row-management/progressive-row-loading.md) — Loads additional rows on demand as the user scrolls or clicks to maintain performance. ([source](https://github.com/wenzhixin/bootstrap-table/blob/master/CHANGELOG.md))
- [Column Reorderers](https://awesome-repositories.com/f/user-interface-experience/tables/column-reorderers.md) — Enables users to change the sequence of table columns using interactive drag-and-drop movements. ([source](https://github.com/wenzhixin/bootstrap-table/blob/master/CHANGELOG.md))
- [Multi-Column Sorting](https://awesome-repositories.com/f/user-interface-experience/tables/column-reorderers/table-sorting-logic/multi-column-sorting.md) — Supports complex data ordering by applying sorting across multiple columns with a defined priority. ([source](https://github.com/wenzhixin/bootstrap-table/blob/master/CHANGELOG.md))
- [URL State Synchronization](https://awesome-repositories.com/f/user-interface-experience/url-state-synchronization.md) — Binds table state such as pagination, sorting, and search queries to URL parameters for shareable links. ([source](https://github.com/wenzhixin/bootstrap-table/blob/master/CHANGELOG.md))
- [Virtualized List Rendering](https://awesome-repositories.com/f/user-interface-experience/virtualized-list-rendering.md) — Renders only the visible subset of large datasets to maintain high performance during scrolling.

### Web Development

- [jQuery Plugins](https://awesome-repositories.com/f/web-development/jquery-plugins.md) — Ships as a jQuery extension to provide interactive data grid functionality to web applications.
- [Remote Data Fetching](https://awesome-repositories.com/f/web-development/remote-data-fetching.md) — Provides mechanisms to load table data from remote JSON endpoints using AJAX and custom query parameters. ([source](https://github.com/wenzhixin/bootstrap-table/blob/master/CHANGELOG.md))

### Part of an Awesome List

- [Regular Expression Filtering](https://awesome-repositories.com/f/awesome-lists/data/regular-expressions/regular-expression-filtering.md) — Allows filtering table rows using regular expression patterns instead of simple plain text. ([source](https://github.com/wenzhixin/bootstrap-table/blob/master/CHANGELOG.md))

### Business & Productivity Software

- [Data Grid View Switching](https://awesome-repositories.com/f/business-productivity-software/pricing-structures/pricing-table-displays/responsive-table-layouts/data-grid-view-switching.md) — Allows switching the table display between a standard grid and a mobile-friendly card layout. ([source](https://cdn.jsdelivr.net/gh/wenzhixin/bootstrap-table@develop/README.md))