Search

to automatically resize the table it needs to know

highlighting for our DataTable table. To do this for

integer (for array sourced tables) or a string (for

data shown in the table, not the user's browser!)

removes any duplicate values: table .rows() .data() .pluck( 'lastName'

When the data in the table is updated, you'll want the search panes to reflect this updated data - which can be done with the searchPanes.rebuild() method - e.g.: var table = $('#example').DataTable( { searchPane: true } ); table.row.add( ... ).draw(); table.searchPanes.rebuild();

used to search the table (e.g. /table?mySearchTerm) we might

read information from a table for a dependent field.

be removed from the table. We can do that

be displayed in the table. This makes it very

You have $('#example').on('click', 'tbody td.row-edit', function (e) { editor.inline(table.cells(this.parentNode, '*').nodes(), { submitTrigger: -2, submitHtml: '<i class="fa fa-play"/>' }); }); In line 2 you are using table.cells(...). You don't have a variable table. You are using tabla. Change table to tabla. Kevin

it to the other table then remove it. Something

Also the Bootstrap extension adds display: flex to the table wrapper which causes the .row class in not 100% width if table has too small columns.

might be triggering the table to reload from scratch

It doesn't look like you are creating the thead for the child table. You can add it to the string when creating the var table on line 6 or you can use columns.title. Kevin

10k rows in the table. Have you followed the

reloaded via ajax, the table reverts back to its

remove would remove from table. What does row.remove().draw(false) on

Ajax request that the table is making. All of

that is causing the table to scroll to the