Add Rows

New rows can be added to a DataTable using the row.add() API method. Simply call the API function with the data for the new row (be it an array or object). Multiple rows can be added using the rows.add() method (note the plural). Data can likewise be updated with the row().data() and row().remove() methods.

Note that in order to see the new row in the table you must call the draw() method, which is easily done through the chaining that the DataTables API employs.

Child rows (show extra / detailed information)

The DataTables API has a number of methods for attaching child rows to a parent row in the DataTable. This can be used to show additional information about a row, useful for cases where you wish to convey more information about a row than there is space for in the host table.

Row Selection And Deletion (Single Row)

It can be useful to provide the user with the option to select rows in a DataTable. This can be done by using a click event to add / remove a class on the table rows. The rows().data() method can then be used to get the data for the selected rows. In this case it is simply counting the number of selected rows, but much more complex interactions can easily be developed.

Custom filtering - range search

This example shows a search being performed on the age column in the data, based upon two inputs.