datatables.net-responsive-bs4
Version:
Responsive for DataTables with styling for [Bootstrap4](https://getbootstrap.com/docs/4.6/getting-started/introduction/)
4 lines • 1.23 kB
JavaScript
/*! Bootstrap 4 integration for DataTables' Responsive
* © SpryMedia Ltd - datatables.net/license
*/
import jQuery from"jquery";import DataTable from"datatables.net-bs4";import Responsive from"datatables.net-responsive";let $=jQuery;var _display=DataTable.Responsive.display,_original=_display.modal,_modal=$('<div class="modal fade dtr-bs-modal" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div><div class="modal-body"/></div></div></div>');_display.modal=function(n){return function(a,d,e,o){if($.fn.modal){var l,i,t=e();if(!1===t)return!1;if(d){if(!$.contains(document,_modal[0])||a.index()!==_modal.data("dtr-row-idx"))return null;_modal.find("div.modal-body").empty().append(t)}else n&&n.header&&(i=(l=_modal.find("div.modal-header")).find("button").detach(),l.empty().append('<h4 class="modal-title">'+n.header(a)+"</h4>").append(i)),_modal.find("div.modal-body").empty().append(t),_modal.data("dtr-row-idx",a.index()).one("hidden.bs.modal",o).appendTo("body").modal();return!0}return _original(a,d,e,o)}};export default DataTable;