Documentation
Data Table
This package contains distribution files required to style DataTables library for jQuery with styling for Bootstrap5. For more details
File Structure
- gulp+scss+hbs
- src
- assets
-
js
- hope-ui.js
-
js
- assets
- src
Script
if ($.fn.DataTable) {
if ($('[data-toggle="data-table"]').length) {
const table = $('[data-toggle="data-table"]').DataTable({
"dom": '<"row align-items-center"<"col-md-6" l><"col-md-6" f>><"table-responsive border-bottom my-3" rt><"row align-items-center" <"col-md-6" i><"col-md-6" p>><"clear">',
});
}
}
HTML Code
<table id="datatable" class="table table-striped" data-toggler="data-table">
....
</div>