https://github.com/yohn/bs5-datatables-without-jquery
A simple datatables example for bootstrap 5.3.3 that included searching, searching by column, column sorting, loading from json, autobuilding the table, pagination, row editing, and more, with less than 600 lines of js.
https://github.com/yohn/bs5-datatables-without-jquery
bootstrap bootstrap-5 bootstrap-datatables bootstrap-table bootstrap-table-edit bootstrap5 bs5 datatables datatables-ajax datatables-json json-table table-search table-sorting
Last synced: about 1 month ago
JSON representation
A simple datatables example for bootstrap 5.3.3 that included searching, searching by column, column sorting, loading from json, autobuilding the table, pagination, row editing, and more, with less than 600 lines of js.
- Host: GitHub
- URL: https://github.com/yohn/bs5-datatables-without-jquery
- Owner: Yohn
- License: mit
- Created: 2024-11-20T23:37:46.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-12-16T22:49:48.000Z (5 months ago)
- Last Synced: 2025-04-14T14:23:07.441Z (about 1 month ago)
- Topics: bootstrap, bootstrap-5, bootstrap-datatables, bootstrap-table, bootstrap-table-edit, bootstrap5, bs5, datatables, datatables-ajax, datatables-json, json-table, table-search, table-sorting
- Language: JavaScript
- Homepage: https://codepen.io/Yohn/pen/VwoJrOd
- Size: 19.5 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# BS5-DataTables-without-jQuery
A simple datatables example for bootstrap 5.3.3 that included searching, searching by column, column sorting, loading from json, autobuilding the table, pagination, row editing, and more, with less than 600 lines of js.
## Install via npmjs
```bash
npm i --save @skem9/bs5-datatables
```
## Demo:
### [Github Pages Demo](https://yohn.github.io/BS5-DataTables-without-jQuery/)
### [CodePen.io Demo](https://codepen.io/Yohn/pen/VwoJrOd)
> [!NOTE]
> This is a basic, good starting point, ready to be used and add onto without being all bloated with thousands of line of code. Just under 500 lines of javascript!
>
> I did include the [tkrotoff/bootstrap-floating-label](https://github.com/tkrotoff/bootstrap-floating-label) plugin cause, I just like his floating labels more than the default bootstrap floating labels.