datatables.net-bs4
Version:
DataTables for jQuery with styling for [Bootstrap4](https://getbootstrap.com/docs/4.6/getting-started/introduction/)
4 lines • 1.11 kB
JavaScript
/*! DataTables Bootstrap 4 integration
* © SpryMedia Ltd - datatables.net/license
*/
import jQuery from"jquery";import DataTable from"datatables.net";let $=jQuery;$.extend(!0,DataTable.defaults,{renderer:"bootstrap"}),$.extend(!0,DataTable.ext.classes,{container:"dt-container dt-bootstrap4",search:{input:"form-control form-control-sm"},length:{select:"custom-select custom-select-sm form-control form-control-sm"},processing:{container:"dt-processing card"},layout:{row:"row justify-content-between",cell:"d-md-flex justify-content-between align-items-center",tableCell:"col-12",start:"dt-layout-start col-md-auto mr-auto",end:"dt-layout-end col-md-auto ml-auto",full:"dt-layout-full col-md"}}),DataTable.ext.renderer.pagingButton.bootstrap=function(t,e,a,o,l){var n=["dt-paging-button","page-item"],o=(o&&n.push("active"),l&&n.push("disabled"),$("<li>").addClass(n.join(" ")));return{display:o,clicker:$("<a>",{href:l?null:"#",class:"page-link"}).html(a).appendTo(o)}},DataTable.ext.renderer.pagingContainer.bootstrap=function(t,e){return $("<ul/>").addClass("pagination").append(e)};export default DataTable;