Immediately show child rows and call functions for responsive design
Immediately show child rows and call functions for responsive design
silkspin
Posts: 141Questions: 32Answers: 5
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: ''
}
}
This question has an accepted answers - jump to answer
Answers
I wonder if using the events
responsive-resizeandresponsive-displaywill 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
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.