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
          • booksto.js
Script
if ($.fn.DataTable) {
    if ($('[data-toggle="data-table"]').length) {
      $('[data-toggle="data-table"]').DataTable({
        "autoWidth": false,
        "dom": '<"row align-items-center gy-2"<"col-md-6" l><"col-md-6" f>><"table-responsive 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-toggle="data-table">
....
</table>
Previous Source & Credits