Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.02.2020, 11:55
Аспирант
Отправить личное сообщение для izumov Посмотреть профиль Найти все сообщения от izumov
 
Регистрация: 05.05.2019
Сообщений: 72

как нарисовать все границы в DataTables?
Мой макет http://montaj.vianor-konakovo.ru/goods1.html и по какой то причине ячейки первого и последнего столбца не окрашиваются полностью в черный цвет. Кроме того мне не нравится сдвоенность границы между ячейками в заголовке.Как устранить эти недостатки?
Ответить с цитированием
  #2 (permalink)  
Старый 20.02.2020, 14:39
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,744

А как ты делаешь?
Приведи стили для таблиц и ячеек.
Ответить с цитированием
  #3 (permalink)  
Старый 20.02.2020, 14:48
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,744

Что бы не было сдвоенности
надо
border-collapse: collapse;
вместо
border-collapse: separate;

Кроме того в файле goods.css на 101 строке стоит
border-left: 1px solid #dddddd;

Вот она и серая.
Ответить с цитированием
  #4 (permalink)  
Старый 20.02.2020, 18:16
Аспирант
Отправить личное сообщение для izumov Посмотреть профиль Найти все сообщения от izumov
 
Регистрация: 05.05.2019
Сообщений: 72

внес изменения в goods.css в 35 и 102 строку согласно совета не помогло
Ответить с цитированием
  #5 (permalink)  
Старый 20.02.2020, 18:43
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,744

Я смотрю ваш сайт с отладчиком хрома.
В отладчике у меня кеш отключен.
Смотрю файл goods.css

Строки 31-42
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */ }


Строки 100-102
table.dataTable.cell-border tbody tr th:first-child,
  table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid #dddddd; }


И где вы там, что изменили?

Пока писал, потом еще пару раз перезагрузил, файл css изменился, и толстые границы в заголовке пропали.
Все вертикальные границы в основной таблице стали серенькими.

Последний раз редактировалось voraa, 20.02.2020 в 18:50.
Ответить с цитированием
  #6 (permalink)  
Старый 20.02.2020, 18:44
Аспирант
Отправить личное сообщение для izumov Посмотреть профиль Найти все сообщения от izumov
 
Регистрация: 05.05.2019
Сообщений: 72

точнее сдвоенность границы в заголовке исчезла а вот большинство границ стали серыми хотя менял только 35 строку
border-collapse: collapse;
Ответить с цитированием
  #7 (permalink)  
Старый 20.02.2020, 18:46
Аспирант
Отправить личное сообщение для izumov Посмотреть профиль Найти все сообщения от izumov
 
Регистрация: 05.05.2019
Сообщений: 72

посмотрите еще пожалуйста только перенес на сервер.строка 35 и ище изменение результата- пропали черные границы
Ответить с цитированием
  #8 (permalink)  
Старый 20.02.2020, 18:51
Аспирант
Отправить личное сообщение для izumov Посмотреть профиль Найти все сообщения от izumov
 
Регистрация: 05.05.2019
Сообщений: 72

и граница footer и body таблицы сдвоенная убрать сдвоенность?
Ответить с цитированием
  #9 (permalink)  
Старый 20.02.2020, 19:02
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,744

Да. у tfoot верхняя граница толстая.
И шрифт там больше, чем у thead.
Еще надо у последних ячеек правую границы сделать черной.
Ответить с цитированием
  #10 (permalink)  
Старый 20.02.2020, 19:05
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,744

Обычно еще у тыкательных элементов ставят
cursor: pointer;
Это я про картинки + и -
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
paperjs: как нарисовать строчки o5andrey Библиотеки/Тулкиты/Фреймворки 3 06.02.2017 08:38
Как из html удалить все комментарии javascript(ом)? An1984tonn Сайт Javascript.ru 5 21.12.2016 09:29
Как перерисовать все элементы SVG на Canvas (d3.js+leaflet.js+html2canvas) Trippal Общие вопросы Javascript 0 10.02.2016 18:25
Как нарисовать Солнце средствами HTML 5 Canvas? Antohsa Элементы интерфейса 2 18.09.2013 01:19
Как сделать все содержимое страницы не активным son313 jQuery 9 10.07.2013 16:58