Using Responsive and another Child row

jimerino

Hi there!

I have a table with a personalized child row based on the following example:

https://datatables.net/examples/api/row_details.html

This works fine. But the problem is when this tables goes to responsive. In that case the responsive blocks the row.child("

Information Panel

").show() event and the child row isn't showed.

You can see that in:

http://live.datatables.net/bajikifi/3/edit

When you expand the table, the child row works fine. But when you shrink it and appears the extended information icon, the personalized child row doesn't work.

How can put both child rows at the same time?

Thanks in advance.

allan

By default Responsive uses the child row API presented by DataTables, so it isn't possible to use them both at the same time if you keep that default. Instead, what you can do is have Responsive display the hidden details in a modal freeing up the child row API for whatever you need.

Allan