как нарисовать все границы в DataTables?

[voraa]

Про границы сказать трудно.
Они у вас определяются много раз и в разных файлах.
Например границы для tfoot>th определены в good.css в строках 44 и 53
в datatables_for_cks.css : 45
В центральной таблице зачем то тоже определен точно такой же tfoot, но с height:0px;
Короче, черт ногу сломит.
Наводите порядок в верстке. и в css
Иначе малейшее изменение, правка, и опять не поймешь, что откуда будет браться.

[izumov]

благодарю за ценнейшую результативную помощь. теперь разобравшись немного с отладчиком хрома сам вижу где прописаны примененные правила и понимаю почему именно так выглядит тот или иной элемент на страничке.все приходит с опытом.

[izumov]

если вас не затруднит подскажите где стоит поставить
cursor: pointer;
Это я про картинки + и -?

[izumov]

В центральной таблице зачем то тоже определен точно такой же tfoot, но с height:0px;
о какой таблице идет речь?

[izumov]

Более менее стилизовал таблицу.Осталась нерешенной одна задача это чтобы выделялся размером шрифта заголовок колонки по которой идет сортировка. Может кто подскажет как это сделать?

[voraa]

если вас не затруднит подскажите где стоит поставить
cursor: pointer;
Это я про картинки + и -?

Я бы добавил в CSS

div.dataTables_scrollBody td.position,
div.dataTables_scrollBody td.position_reduce{
	cursor:pointer
}

[voraa]

В центральной таблице зачем то тоже определен точно такой же tfoot, но с height:0px;
о какой таблице идет речь?

В div.dataTables_scrollBody есть таблица

<table id="goods" class="display compact cell-border dataTable"...

В этой таблице, как я понимаю, у Вас лежат значения основных ячеек.
Но там же есть и

<thead>
            <tr role="row" style="height: 0px;">
...

с заполненным заголовком, который дублирует
thead из table из

<div class="dataTables_scrollHeadInner" style="box-sizing: content-box; width: 989px; padding-right: 0px;">
<table class="display compact cell-border dataTable" cellpadding="3px" width="100%" aria-describedby="goods_info" role="grid" style="margin-left: 0px; width: 989px;">
<thead>
            <tr role="row"> 
....