datatables.net-searchpanes-bs4
Version:
SearchPanes for DataTables with styling for [Bootstrap4](https://getbootstrap.com/docs/4.6/getting-started/introduction/)
43 lines (37 loc) • 1.23 kB
JavaScript
/*! Bootstrap integration for DataTables' SearchPanes
* © SpryMedia Ltd - datatables.net/license
*/
import jQuery from 'jquery';
import DataTable from 'datatables.net-bs4';
import SearchPanes from 'datatables.net-searchpanes';
// Allow reassignment of the $ variable
let $ = jQuery;
$.extend(true, DataTable.SearchPane.classes, {
buttonGroup: 'btn-group',
disabledButton: 'disabled',
narrow: 'col',
pane: {
container: 'table'
},
paneButton: 'btn btn-light',
pill: 'pill badge badge-pill badge-secondary',
search: 'form-control search',
searchCont: 'input-group',
searchLabelCont: 'input-group-append',
subRow1: 'dtsp-subRow1',
subRow2: 'dtsp-subRow2',
table: 'table table-sm table-borderless',
topRow: 'dtsp-topRow'
});
$.extend(true, DataTable.SearchPanes.classes, {
clearAll: 'dtsp-clearAll btn btn-light',
collapseAll: 'dtsp-collapseAll btn btn-light',
container: 'dtsp-searchPanes',
disabledButton: 'disabled',
panes: 'dtsp-panes dtsp-panesContainer',
search: DataTable.SearchPane.classes.search,
showAll: 'dtsp-showAll btn btn-light',
title: 'dtsp-title',
titleRow: 'dtsp-titleRow'
});
export default DataTable;