_JS.DataTable🔗 Enhanced searchable and reorderable HTML table

Constructor: [data [cellAttr [headerRows [headerAttr [makeCellIds [makeRowIds]]]]]

Note that constructor arguments are identical to those for Table

data – matrix of data to display in the table

cellAttr – Cell Attributes

headerRows – # of header rows

headerAttr – Header attributes

makeCellIds – 1 to generate IDs <td id="tableId_r2c3">

makeRowIds – 1 to generate Row IDs <tr id="tableId_row2">

Public Fields:

Data – matrix of data to display in the table

CellAttr – Cell Attributes

HeaderRows – # of header rows

HeaderAttr – Header attributes

MakeCellIds – 1 to generate IDs <td id="tableId_r2c3">

MakeRowIds – 1 to generate Row IDs <tr id="tableId_row2"> Warning: this ids are generated, but if you need them in order to provide meaningful tools for interaction with the table, it is recommended to use DataTable's features instead which may be more useful!

Width – (string) width of the table

InitFilterWith – initalize "Search"-field with this string

FocusFilter – put initial focus on Filter-Control (boolean, default=0)

Bootstrap – integer (use Boostrap-styling. 0=no, 1 or 4=BS4, 3=BS3)

PlugIns – comma delimited list of "official" plugins to use

currently supported plugins are: yadcf (yet another datatable column filter) – needs to be explicitely referenced mark (highlight search results) - setting option "mark" to true is sufficient, does not need to be specified in "Plugin" then responsive (responsive layout) - setting option "responsive" to true is sufficient buttons -provides options to copy data to Excel, print and toggle columns NB: this mechanism currently supports a subset of Datatable's plugins/extensions. Please let us know (miserver@dyalog.com) if your favourite Plugin is missing!

Relevant Sample Pages:

Controls used on this page: Dyalog: Tabs Base HTML: style