Child rows (show extra / detailed information)
The DataTables API has a number of methods available 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. The example below makes use of the row().child DT methods to firstly check if a row is already displayed, and if so hide it ( row().child.hide() DT ), otherwise show it ( row().child.show() DT ). The content of the child row is, in this example, defined by the formatDetails() function, but you would replace that with whatever you wanted to show the content required, possibly including, for example, an Ajax call to the server to obtain the extra information to show. Show 10 25 50 100 entries Search: Name Position Office Salary Zorita Serrano Software Engineer San Francisco $115,000 Zenaida Frank Software Engineer New York $125,250 Yuri Berr...