Immediately show child rows and call functions for responsive design

silkspin

I've successfully created a working version of "Immediately show hidden details", but I need to run the highlight function which I have in this version http://live.datatables.net/liluvoxe/1/edit

Is there a way I can do this using the above method and automatically show the child rows? Or is there a way to use the function below which automatically opens the child rows, but needs to incorporate the highlight function. I'm having trouble adding another function at the end of the "display" line, but that might not be the best approach.

responsive: {
            details: {
                display: $.fn.dataTable.Responsive.display.childRowImmediate,
                type: 'none',
                target: ''
            }
        }

kthorngren

I wonder if using the events responsive-resize and responsive-display will work better (eliminate the error in your other thread) for highlighting the search term. If you display the child rows immediately do you still need the slider?

Checkout this example:
http://live.datatables.net/xuloqefe/1/edit

Kevin

silkspin

That's brilliant Kevin. You've just solved 2 problems! Your way allows for the option of immediate child rows or the slider version. I think both versions are useful depending on how much screen space you want to use, especially on mobile.

Thank you for helping. I'll update the other thread with a new test case, incorporating your changes from this one.