JSFiddle - React, Tailwind, and code Playground
JavaScript
table = $("#" + self.currentTableId()).DataTable({
"pageLength": 10,
"pagingType": "full_numbers",
"processing": true,
"serverSide": true,
"stateSave": true,
"info": false,
"destroy": true,
"autoWidth": false,
"ordering": true,
"order": [[defaultSortedColumn, defaultSortedDirection]],
"ajax": {
url: 'WorkListTable.aspx',
data: function (d) {
return {
"draw": d.draw,
"start": d.start,
"length": d.length,
"sortDir": d.order[0]['dir'],
"sortCol": d.order[0]['column'],
"whichTable": self.currentTableId(),
"isHistory": self.isHistory,
"searchForREMOVED0": self.searchForREMOVED0(),
"searchForREMOVED1": self.searchForREMOVED1(),
"searchForREMOVED2": self.searchForREMOVED2(),
"searchForREMOVED3": self.searchForREMOVED3(),
"searchForREMOVED4": self.searchForREMOVED4(),
"searchForREMOVED5": self.searchForREMOVED5(),
"searchForREMOVED6": self.searchForREMOVED6(),
"searchForREMOVED7": self.searchForREMOVED7(),
"searchForREMOVED8": self.searchForREMOVED8(),
"searchForWorklist": self.currentTableId().replace("Table", ""),
"searchForREMOVED9": self.searchForREMOVED9(),
"searchForREMOVED10": self.searchForREMOVED10ChkBoxValue()
};
}
},
...