UNPKG

datatables.net-responsive-se

Version:

Responsive for DataTables with styling for [SemanticUI](https://semantic-ui.com/)

69 lines (55 loc) 1.5 kB
/*! Fomantic integration for DataTables' Responsive * © SpryMedia Ltd - datatables.net/license */ import jQuery from 'jquery'; import DataTable from 'datatables.net-se'; import Responsive from 'datatables.net-responsive'; // Allow reassignment of the $ variable let $ = jQuery; var _display = DataTable.Responsive.display; var _original = _display.modal; var _modal = $( '<div class="ui modal" role="dialog">' + '<div class="header">' + '<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>' + '</div>' + '<div class="content"/>' + '</div>' ); _display.modal = function (options) { return function (row, update, render, closeCallback) { if (!$.fn.modal) { return _original(row, update, render, closeCallback); } else { var rendered = render(); if (rendered === false) { return false; } if (!update) { if (options && options.header) { _modal .find('div.header') .empty() .append('<h4 class="title">' + options.header(row) + '</h4>'); } _modal.find('div.content').empty().append(rendered); // Only need to attach the first time if (!_modal.parent().hasClass('dimmer')) { _modal.appendTo('body'); } _modal .modal({ onHide: closeCallback }) .modal('show'); } else { // Modal not shown for this row - do nothing return false; } return true; } }; }; export default DataTable;