/*! Bootstrap integration for DataTables' Buttons * ©2016 SpryMedia Ltd - datatables.net/license */ import $ from 'jquery'; import DataTable from 'datatables.net-bs5'; import Buttons from 'datatables.net-buttons'; $.extend( true, DataTable.Buttons.defaults, { dom: { container: { className: 'dt-buttons btn-group flex-wrap' }, button: { className: 'btn btn-secondary' }, collection: { tag: 'div', className: 'dropdown-menu', closeButton: false, button: { tag: 'a', className: 'dt-button dropdown-item', active: 'active', disabled: 'disabled' } }, splitWrapper: { tag: 'div', className: 'dt-btn-split-wrapper btn-group', closeButton: false, }, splitDropdown: { tag: 'button', text: '', className: 'btn btn-secondary dt-btn-split-drop dropdown-toggle dropdown-toggle-split', closeButton: false, align: 'split-left', splitAlignClass: 'dt-button-split-left' }, splitDropdownButton: { tag: 'button', className: 'dt-btn-split-drop-button btn btn-secondary', closeButton: false } }, buttonCreated: function ( config, button ) { return config.buttons ? $('
').append(button) : button; } } ); DataTable.ext.buttons.collection.className += ' dropdown-toggle'; DataTable.ext.buttons.collection.rightAlignClassName = 'dropdown-menu-right'; export default DataTable;