Modifying rows as draw with Scroller
Modifying rows as draw with Scroller
Please bear with me as I try to explain what I'm attempting to do...
I am creating a datatable that has a column with a "show more" button (just for that column) to show/hide text overflow if any exists within the cell. I'm calling a JS function on fnDrawCallback to show/hide the button for this if needed. There is also an "expand/Collapse All" button above the grid which should, as stated, show/hide overflow for all rows when clicked. I'm running into an issue trying to use Scroller on the grid with this functionality.
When the datatable initially loads, my rows are modified correctly per the JS function and if you click "expand all" it will show the overflow for all... until you scroll past 80 or so rows and it appears the scroller starts drawning the newly loaded rows and isn't showing them expanded (even though my JS funciton has a catch for this).
What function do I need to call to modify ALL rows in a table, even those not yet visible, when using scroller? I've tried DrawCallback, RowCallback, I've tried re drawing, etc... I can't seem to get anything to "draw"/show the newly scrolled to rows in the state I expect them to be in or modify them before/as they show.
[code]
oTable = $("#notes").dataTable({
"fnDrawCallback": function (oSettings) {
ExpandOrCollapseNote(); <-- This is my function that should show/hide the overflow on draw
},
[/code]
I am creating a datatable that has a column with a "show more" button (just for that column) to show/hide text overflow if any exists within the cell. I'm calling a JS function on fnDrawCallback to show/hide the button for this if needed. There is also an "expand/Collapse All" button above the grid which should, as stated, show/hide overflow for all rows when clicked. I'm running into an issue trying to use Scroller on the grid with this functionality.
When the datatable initially loads, my rows are modified correctly per the JS function and if you click "expand all" it will show the overflow for all... until you scroll past 80 or so rows and it appears the scroller starts drawning the newly loaded rows and isn't showing them expanded (even though my JS funciton has a catch for this).
What function do I need to call to modify ALL rows in a table, even those not yet visible, when using scroller? I've tried DrawCallback, RowCallback, I've tried re drawing, etc... I can't seem to get anything to "draw"/show the newly scrolled to rows in the state I expect them to be in or modify them before/as they show.
[code]
oTable = $("#notes").dataTable({
"fnDrawCallback": function (oSettings) {
ExpandOrCollapseNote(); <-- This is my function that should show/hide the overflow on draw
},
[/code]
This discussion has been closed.