Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   как нарисовать все границы в DataTables? (https://javascript.ru/forum/jquery/79541-kak-narisovat-vse-granicy-v-datatables.html)

voraa 22.02.2020 16:01

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

izumov 22.02.2020 16:09

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

izumov 22.02.2020 16:55

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

izumov 22.02.2020 18:26

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

izumov 25.02.2020 11:46

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

voraa 25.02.2020 12:40

Цитата:

Сообщение от izumov (Сообщение 520491)
если вас не затруднит подскажите где стоит поставить
cursor: pointer;
Это я про картинки + и -?

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

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

voraa 25.02.2020 12:48

Цитата:

Сообщение от izumov (Сообщение 520497)
В центральной таблице зачем то тоже определен точно такой же 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"> 
....


Часовой пояс GMT +3, время: 16:51.