Sort icons of nested tables are hidden by CSS
Sort icons of nested tables are hidden by CSS
pgerundt
Posts: 90Questions: 13Answers: 2
in Bug reports
When having a scrollable dataTable with nested dataTables, the inner table does not show any sort icons.
In the bootstrap CSS file
https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.css
the icons are set to display:none:
div.dataTables_scrollBody table thead .sorting:before,
div.dataTables_scrollBody table thead .sorting_asc:before,
div.dataTables_scrollBody table thead .sorting_desc:before,
div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
display: none;
}
but the CSS selectors should be
div.dataTables_scrollBody > table > thead .sorting:before,
div.dataTables_scrollBody > table > thead .sorting_asc:before,
div.dataTables_scrollBody > table > thead .sorting_desc:before,
div.dataTables_scrollBody > table > thead .sorting:after,
div.dataTables_scrollBody > table > thead .sorting_asc:after,
div.dataTables_scrollBody > table > thead .sorting_desc:after {
display: none;
}
so the inner dataTables are not affected.
This question has an accepted answers - jump to answer
Answers
Thank you! I'll get that committed in for the next release.
Allan
Just to say, that is the change committed in.
Regards,
Allan