Bootstrap Table
An extended table for integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)
Overview:
Bootstrap Table is an extended table plugin for Twitter Bootstrap that offers additional features such as radio buttons, checkboxes, sorting, pagination, and various extensions. It is fully customizable and can be used with any version of Bootstrap. The plugin is licensed under The MIT License and is completely free to use and modify. It is compatible with responsive web design and supports scrollable tables with fixed headers. The table can be configured using data attributes and provides options to show/hide columns, headers, and footers. Data can be retrieved in JSON format via AJAX.
Features:
- Created for Twitter Bootstrap (All versions supported)
- Responsive web design
- Scrollable Table with fixed headers
- Fully configurable via data attributes
- Show/Hide columns
- Show/Hide headers
- Show/Hide footers
- Get data in JSON format using AJAX
- Simple column sorting with a click
- Format column
- Single or multiple row selection
- Powerful pagination
- Card view
- Detail view
- Localization
- Extensions
Local development:
If you want to develop Bootstrap Table locally, follow these steps:
- Run the command
yarnornpmto install the required dependencies. - Open the URL http://localhost:8081/bootstrap-table-examples in your browser to access the examples.
Local build:
To build Bootstrap Table locally, make sure you have a current version of Yarn or Npm installed. Then, follow these steps:
- Run the command
yarnornpmto install the required dependencies. - The compiled result will appear in the
distdirectory.
Summary:
Bootstrap Table is a versatile table plugin for Twitter Bootstrap that enhances the functionality of tables by offering additional features such as radio buttons, checkboxes, pagination, and sorting. It is easy to install and customize and can be used with any version of Bootstrap. Whether you need a responsive scrollable table or want to show/hide columns, Bootstrap Table provides you with a range of options to meet your requirements. It also supports localization and offers powerful pagination. With its extensions and various customization options, Bootstrap Table is a powerful tool for displaying and managing data in a user-friendly way.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Bootstrap
Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.
- Bulma
Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Semantic UI
Semantic UI is a popular front-end development framework that provides a set of pre-designed user interface components to help developers create responsive and mobile-friendly web applications with ease. It emphasizes a clear and intuitive naming convention for CSS classes, making it easier to customize and maintain the design of web applications.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Material Design
Material Design is a design system developed by Google that provides a set of guidelines, components, and tools for creating visually appealing and functional user interfaces. Material Design is designed to be flexible and customizable, making it a great choice for a wide range of applications and use cases.
- Rollup
RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.
- Stylelint
Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.