Widget:Datatables

<script> function HTMLDecode(text) { var temp = document.createElement("div"); temp.innerHTML = text; return temp.innerText || temp.textContent; } var $ready = function () { mw.loader.load('https://cdn.datatables.net/1.10.24/css/jquery.dataTables.min.css', 'text/css'); mw.loader.getScript('https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js').then( function () { var toColumns = function(arr){ $.each(arr, function(i, title){ arr[i] = { data: title, title: title } }); return arr; }; var datatext = new DataText(); window.datatable = []; $(".datagrid").each(function(i, table){ var data = datatext.get($(table).attr("data-source")); var columns = toColumns($(table).attr("data-column").split(",")); var exColumns = ""; exColumns = exColumns === "" ? []: (new Function('return ' + exColumns))();; columns = columns.concat(exColumns) window.datatable[i] = $(table).DataTable( { data: data, columns: columns, order: [], pageLength: 300, fixedHeader: true }); }); /*var thead = $("table.datatables tr:first"); $("table.datatables").prepend($("<thead>").append(thead.clone())) thead.remove(); $("table.datatables").DataTable();*/ }); }; (function(){var t = function() { window.jQuery && window.mw && window.mw.loader ? window.$ready():window.setTimeout(t, 100); }; t();})(); </script>