height
line-height
th
are 0gy-3
. You can use gy-{1-10}
to control the padding top and bottom for the sub-table children. gy-3
but it did not work then I increased the number until gy-6
to meet my expected UI. In fact, gy-*
helps to increase the padding while the height & line-height are still 0px.sorting sorting_asc
, it means that column is being sorted. Nonetheless, there is no arrow icon on the right side of that column. I think that there are some css issues in the nested datatable. It will be great if we have a demo for it.
style that is dynamically set probably by your code or datatable itself. Please note that we use the data tables js code as it is without modification, only its CSS is modified. scrollX: true
.height
& line-height
of sub tables comes with this setting as well.sass/vendors/plugins/_datatables.scss
.dataTables_scroll .dataTables_scrollBody .table {
thead {
line-height: 0;
.sorting {
&:after,
&:before {
display: none !important;
}
}
}
}
.dataTables_scroll > .dataTables_scrollBody > .table {
thead {
.sorting {
&:after,
&:before {
display: none !important;
}
}
}
}
height
& line-height
for subtable header. I tried and this bug has gone. Really thanks for that.:after
does not appear in the subtable header..dataTables_scroll > .dataTables_scrollBody > .table {
thead {
.sorting {
&:after,
&:before {
display: none !important;
}
}
}
}
.dataTables_scroll > .dataTables_scrollBody > .table > thead {
line-height: 0;
.sorting {
&:after,
&:before {
display: none !important;
}
}
}
line-height: 0;
. Both of bugs including line-height
& arrow icons in subtable have gone.