Честное слово, очень трудно разбираться.
У вас есть два файла good.css и datatables_for_cks.css
И там многое дублируется и переопределяется.
Например в одном
table.dataTable {
...
border-collapse: separate;
...
}
В другом все тоже самое, но
border-collapse: collapse;
Возьмется, конечно, тот, который последний, но следить за этим трудно.
Тоже самое про определения и переопределения классов для ячеек
Я не понимаю, зачем 3 таблицы, одна с thead, одна с tbody, и еще одна с tfoot?
Почему нельзя сделать одну с thead, tbody и tfoot?
Во-первых 3 труднее стилизовать.
border-collapse: collapse;
действует только внутри одной своей таблицы. Он не будет убирать границы между таблицами.
И если уж вы думаете о доступности (атрибуты role, aria...)? то th ,будет заголовком только для своей таблице - на другую он распространяться не будет.
Мне кажется, что там надо навести порядок в css.
Ну а так надо просмотреть все определения
table.dataTable tfoot th {
}
и убрать везде верхнюю границу
Еще. в datatables_for_cks.css (191 стр)
table.dataTable.compact thead th,
table.dataTable.compact thead td,tfoot{
padding: 0px 0px 0px 0px;font-size:10px; text-align:center;
}
Вроде определяется размер шрифта и для thead и для tfoot
Но в good.css (44 стр) переопределяется
table.dataTable thead th,
table.dataTable tfoot th {
border: 1px solid #111111;
font-weight: bold;
border-spacing: 0;
font-size:14px; }