awesome-repositories.com
博客
MCP
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
wenzhixin avatar

wenzhixin/bootstrap-table

0
View on GitHub↗
11,820 星标·4,363 分支·JavaScript·MIT·10 次浏览bootstrap-table.com↗

Bootstrap Table

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.

Features

  • Interactive Data Grids - Provides a responsive interactive data grid with built-in sorting, pagination, and filtering capabilities.
  • Pagination - Splits large datasets into pages using either client-side or server-side pagination logic.
  • Remote Data Fetching - Provides a mechanism to asynchronously retrieve and synchronize table data from remote JSON endpoints.
  • Large Dataset Optimizations - Optimizes the rendering of massive datasets through virtual scrolling and server-side pagination.
  • Virtualized Rendering - Implements virtualized rendering to handle large datasets without causing browser performance degradation.
  • Server-Side Data Fetching - Implements a system for fetching and synchronizing table content from external JSON endpoints via AJAX.
  • CSS Framework Integrations - Features a styling layer that adapts table markup to integrate with Bootstrap, Semantic UI, Bulma, and Material Design.
  • Virtualized List Rendering - Uses a virtualized renderer to display only visible rows, ensuring high performance and low memory usage.
  • Row Selection Interfaces - Implements interactive row selection using checkboxes, radio buttons, and click events for bulk data operations.
  • CSS Framework Mapping - Uses a flexible class mapping system to ensure compatibility across different CSS frameworks via configuration.
  • Table Sorting Logic - Enables reordering table rows by clicking on column headers to toggle ascending or descending sort states.
  • Virtual Scrolling Utilities - Optimizes large dataset performance by rendering only the rows currently visible in the viewport during scrolling.
  • jQuery Plugins - Ships as a jQuery extension to provide interactive data grid functionality to web applications.
  • Remote Data Fetching - Provides mechanisms to load table data from remote JSON endpoints using AJAX and custom query parameters.
  • Regular Expression Filtering - Allows filtering table rows using regular expression patterns instead of simple plain text.
  • Data Grid View Switching - Allows switching the table display between a standard grid and a mobile-friendly card layout.
  • UI - Implements a configuration-driven approach to map data keys to human-readable headers and formatters.
  • Column-Specific Filter Widgets - Adds specialized input widgets to each column for advanced, granular data filtering.
  • Hybrid Pagination Strategies - Toggles between local array slicing for small datasets and remote API requests for server-side pagination.
  • Inline Data Editing - Allows direct modification of cell content within the grid using text or select inputs.
  • Hybrid Pagination Strategies - Toggles between local array slicing for small datasets and remote API requests for server-side pagination.
  • List State Persisters - Saves and restores table parameters like column visibility and sorting using browser local storage or cookies.
  • Text Search - Provides text-based filtering for rows using exact matches and regular expression patterns.
  • Table Toolbar Actions - Provides a programmable toolbar for inserting custom action buttons that trigger specific programmatic functions.
  • Responsive Card Views - Converts traditional data tables into a card-based layout for mobile-friendly readability.
  • Cell Content Formatters - Provides custom callback functions to transform raw data into formatted HTML or text for cell display.
  • Column Management Interfaces - Provides interactive controls for toggling the visibility of specific columns on or off.
  • Framework-Agnostic Theme Mapping - Uses a flexible class mapping system to adapt the table's appearance to various CSS frameworks like Bootstrap and Bulma.
  • Hierarchical Grids - Renders structured information using a hierarchical tree grid with expandable and collapsible parent-child relationships.
  • Column Pinning - Locks specific columns to the left or right of the view to maintain context during horizontal scrolling.
  • Custom Cell Styling - Allows defining custom visual appearances, classes, and content formatters for individual cells and rows.
  • Row Detail Expansion - Provides expandable row detail views to reveal nested content or additional information.
  • Manual Column Resizing - Allows users to manually adjust column widths by dragging the boundaries of the table headers.
  • Real-time Prefix Filtering - Provides a UI-centric search pattern that narrows table results instantaneously as the user types.
  • Responsive Card-View Transformations - Reconstructs the table grid into a series of independent cards based on viewport width for mobile accessibility.
  • Sticky Header Pinning - Keeps the table header fixed at the top of the viewport while the user scrolls through the data body.
  • Card-View Transformations - Transforms traditional data grids into mobile-friendly card layouts based on the viewport width.
  • Progressive Row Loading - Loads additional rows on demand as the user scrolls or clicks to maintain performance.
  • Column Reorderers - Enables users to change the sequence of table columns using interactive drag-and-drop movements.
  • Multi-Column Sorting - Supports complex data ordering by applying sorting across multiple columns with a defined priority.
  • URL State Synchronization - Binds table state such as pagination, sorting, and search queries to URL parameters for shareable links.
  • Virtualized List Rendering - Renders only the visible subset of large datasets to maintain high performance during scrolling.

Star 历史

wenzhixin/bootstrap-table 的 Star 历史图表wenzhixin/bootstrap-table 的 Star 历史图表

AI 搜索

探索更多 awesome 仓库

用简单的语言描述您的需求 —— AI 将根据相关性为您从数千个精选开源项目中进行排序。

Start searching with AI

Bootstrap Table 的开源替代方案

相似的开源项目,按与 Bootstrap Table 的功能重合度排序。
  • olifolkerd/tabulatorolifolkerd 的头像

    olifolkerd/tabulator

    7,550在 GitHub 上查看↗

    Tabulator is an interactive data table library and virtual DOM data grid used to create high-performance tables from JSON or arrays. It functions as a hierarchical data viewer and a spreadsheet interface component, capable of rendering thousands of records efficiently through viewport-based virtualization and progressive loading. The library distinguishes itself by providing a full spreadsheet interface mode with multi-sheet management, cell range selection, and bulk copy-paste capabilities. It supports complex data architectures, including nested data field mapping, expandable tree structure

    JavaScriptajaxcdnjsdata
    在 GitHub 上查看↗7,550
  • nhn/tui.gridnhn 的头像

    nhn/tui.grid

    2,565在 GitHub 上查看↗

    Tui Grid is a JavaScript data grid component designed for rendering, editing, and organizing structured tabular information and hierarchical tree views within web applications. It provides inline data editing, validation rules, spreadsheet-style keyboard navigation, and virtualized rendering to handle extensive datasets efficiently. The library distinguishes itself through structural capabilities including command-based keyboard shortcuts for range selection and clipboard synchronization, a declarative cell renderer architecture, and virtual column pinning. It supports asynchronous remote dat

    TypeScriptdatagriddatatableexcel
    在 GitHub 上查看↗2,565
  • comcast/react-data-gridComcast 的头像

    Comcast/react-data-grid

    7,637在 GitHub 上查看↗

    react-data-grid is a high-performance table component for React designed to render large datasets using virtualization. It functions as a virtualizing data table that optimizes memory and performance by rendering only the rows and columns currently visible on the screen. The project provides a customizable spreadsheet interface featuring cell editing, column resizing, and pinned rows. It also acts as a hierarchical data grid, supporting row grouping and tree structures to organize complex nested information. The grid covers wide-ranging data management and display capabilities, including mul

    TypeScriptreactreact-data-grid
    在 GitHub 上查看↗7,637
  • jspreadsheet/cejspreadsheet 的头像

    jspreadsheet/ce

    7,186在 GitHub 上查看↗

    This project is a JavaScript spreadsheet component and web-based data table that provides an interactive grid for managing tabular data. It functions as a cross-framework UI component compatible with React, Vue, and jQuery, and can also be embedded as a standalone web component. The grid is specifically designed for XLSX interoperability, allowing users to import and export XLSX files while preserving formulas and styles. It distinguishes itself through real-time collaboration for simultaneous multi-user editing and a flexible system for creating custom cell editors and specialized column typ

    JavaScriptdata-griddatagriddatatables
    在 GitHub 上查看↗7,186
查看 Bootstrap Table 的所有 30 个替代方案→

常见问题解答

wenzhixin/bootstrap-table 是做什么的?

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.

wenzhixin/bootstrap-table 的主要功能有哪些?

wenzhixin/bootstrap-table 的主要功能包括:Interactive Data Grids, Pagination, Remote Data Fetching, Large Dataset Optimizations, Virtualized Rendering, Server-Side Data Fetching, CSS Framework Integrations, Virtualized List Rendering。

wenzhixin/bootstrap-table 有哪些开源替代品?

wenzhixin/bootstrap-table 的开源替代品包括: olifolkerd/tabulator — Tabulator is an interactive data table library and virtual DOM data grid used to create high-performance tables from… nhn/tui.grid — Tui Grid is a JavaScript data grid component designed for rendering, editing, and organizing structured tabular… comcast/react-data-grid — react-data-grid is a high-performance table component for React designed to render large datasets using… jspreadsheet/ce — This project is a JavaScript spreadsheet component and web-based data table that provides an interactive grid for… datatables/datatables — DataTables is a feature-rich HTML table library that transforms static HTML tables into interactive data grids with… adazzle/react-data-grid — react-data-grid is a high-performance tabular interface for rendering and manipulating large datasets within a React…