Search

DT_Handlers = { do_search: function (searchfor, prog, srv, searchtype, postdat, ) { switch (searchfor) { case 'people': var theURL = srv + '/participants/dtsearch/';

function format(rowdata) { console.log(rowdata); const detail_link = JSON.stringify(rowdata.detail); return ``; } $('#data_table tbody').on('click', 'td.details-control', fu

'\'=>'\\', '\'=>'\\'); $v = strtr($v, $sC); } - $v = preg_replace_callback('`(url(?:\()(?: )*(?:\'|"|&(?:quot|apos);)?)(.+?)((?:\'|"|&a

empTable = $('#empTable') .DataTable({ "paging": false, "order": [ [8, 'asc'] …

div.dtsp-topRow { background-color: #9bddff !important; color: white !important; } div.dtsp-topRow input { background-color: #009DE0 !important;

div.dtsp-topRow { background-color: #9bddff !important; } div.dtsp-topRow input { background-color: #009DE0 !important; font-size: 1.1em !importan

{ extend: 'csv', titleAttr: 'csv', autoFilter: true, sheetName: 'Exported data', exportOptions: {

.dataTableSVG:active > svg { transform: scale(2.2); background-color: white; border: 1px solid; border-color: #999999; border-radius: 3px; box-shadow: 2px 2px #999999;

'searchBuilder', text: '⚙', config: { i18n: { button: { 0: '⚙',

background-color: #90e0ef;

Thats why I use the draw. It executes each table draw (sort, search, page) to update the row selection. Your button code will only select the rows on the current page. If, for example, #9468387 is

buttons: [ { text: 'Select all', action: function () { var rowIds = ['#12831693', '#9468387'];

.on('buttons-action', function ( e, buttonApi, dataTable, node, config ) { if ( buttonApi.text() == 'Times' ) { buttonApi.button(0).enable(); buttonApi.button(1).disab

Thanks @kthorngren and @colin - totally agree, I'm hopeful that server-side processing will be 100% unnecessary. So far, using AJAX and client-side processing is going well in my experiments/learning…

Revision 8c6c7ba89cc9453625af54f11fd83179e23450fa-refs/branch-heads/4044@{#999}

table.dataTable tbody tr.rosso td{background-color: #FF0000 !important } table.dataTable tbody tr.verde td{background-color: #98FB98 !important } table.dataTable tbody tr.giallo td{background-color:

table.dataTable tbody td.colorCheck{background-color:#98FB98 } table.dataTable tbody tr.colorCheck{background-color:#98FB98 }

If you inspect the child row you will see that it is a child of a tr. After the row().show) statement you can use something like table.parent().css('background', '#90b2e8'); to set the background col

text-shadow: 0 1px 0 white; border: 1px solid #999; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0px 0px 2px #999; -moz-box-shadow: 0px 0px 2px #9

rowCallback: function (row, data, index) { if (Number(data.foo13).toFixed(0) > 10) { $("td:eq(0)", row).css('background-color','#99ff9c')