I am using bootstrap datatables. I am creating data-feathers like . The table I am using is responsive so when the screen gets too small rows get added to datatable details rows (child rows). When the data-feather is moved to a child row the data-feather no longer gets computed as an svg and the computed output just stays at essentially it just doesn't display then.
I am doing a feather.replace() in the drawCallback function. That seems to work great and keep data feathers displaying even when sorting and using pagination. This problem only exists when the data feather is in the child row. Even if you resize the window on the fly it will show up when it is in a visible column then disappear when it gets moved to a child row.
Actual behavior
Any message or error
No error messages
Resources
Links
Screenshots
I have included 2 screen shots. We are looking at the "Assigned" column. In one screen shot the Assigned column is visible on the table. In the other the Assigned column is now in a child row. I included the computed output for that column as well.
Prerequisites
Step to reproduce
I am using bootstrap datatables. I am creating data-feathers like . The table I am using is responsive so when the screen gets too small rows get added to datatable details rows (child rows). When the data-feather is moved to a child row the data-feather no longer gets computed as an svg and the computed output just stays at essentially it just doesn't display then.
I am doing a feather.replace() in the drawCallback function. That seems to work great and keep data feathers displaying even when sorting and using pagination. This problem only exists when the data feather is in the child row. Even if you resize the window on the fly it will show up when it is in a visible column then disappear when it gets moved to a child row.
Actual behavior
Any message or error
No error messages
Resources