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

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>