functions not working on responsive mode in child rows
functions not working on responsive mode in child rows
![hsoft2020](https://secure.gravatar.com/avatar/e7d7924371550eef97c21f3e9c86d295/?default=https%3A%2F%2Fvanillicon.com%2Fe7d7924371550eef97c21f3e9c86d295_200.png&rating=g&size=120)
in Responsive
Hi. I have table with multiple columns . some cols uses x-editable library for online editing. when table is not in responsive mode , all editable columns works fine but when I use responsive mode , the columns that are in child rows not working. Any classes that are in child rows are not detectable with jquery selectors.
I used "drawCallback" but it just work for multi-page simple columns and does not work in child rows
Answers
This is about Editor's inline editing not about x-editable. But maybe it gives you some hints on how to get this done.
https://editor.datatables.net/examples/inline-editing/responsive
That's because they don't exist (yet) when the jquery code is run. You need to use data table events to get the timing right.
Like this for example:
Example: I have a button to toggle all child rows. The button should only be shown if there are child rows and the data table isn't empty.
Using "responsive.hasHidden()" you can check whether child rows exist and then activate your jquery selectors.
Hi.thanks for your reply. I figure it out by something like your way but little simpler.
I gave the table a class and use that class for selector.
fore example table has tbl class and hidden column has col class. then
using this selector:
$('.tbl').on('focus','.col', function(){
//mycode
}
it works fine