Articles of css tables

Как сделать все строки таблицы той же самой высотой, что и самая большая

Я пытаюсь сделать все строки таблицы той же самой высотой, что и тот, который имеет самый длинный текст в нем, соответственно расширяя. Но все, что я достиг, это дать им фиксированную высоту после прочтения этого: как я могу заставить все строки в таблице иметь одинаковую высоту Это означает, что мне нужно предсказать, сколько текста я […]

Как преобразовать этот табличный макет в CSS?

У меня табличная структура, которая составляет 100% высоты / ширины без полос прокрутки. Заголовок (красный) автоматически расширяется, чтобы соответствовать содержимому, и я не знаю, сколько пикселей оно будет. Ниже приведена таблица флюидов, дающая то, что я что. Fittocontentheight How can I do this with CSS? This area can have content that overflows – needs an […]

Лучше ли использовать divs или таблицы для размещения столбцов ссылок?

У меня есть страница с тремя столбцами ссылок внизу. Каждый столбец помещается в div, и все три divs завернуты в большой div, который сосредоточен на странице. Является ли это чем-то более подходящим для таблицы или является таблицей неправильного элемента для работы?

Горизонтальная граница по всей строке CSS GRID

Мне нужно использовать макет сетки, но также нужна горизонтальная линия, разделяющая каждую строку. Единственное, что мне удалось найти, это применить границу к каждой ячейке, но это работает только в том случае, если для каждой строки достаточно ячеек. .wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 100px); } .box { border-bottom: 2px solid #ffa94d; padding: […]

Заполнение таблицы не работает

У меня есть таблица, которая находится внутри родительского div, полного текстового текста и другого содержимого. У меня есть следующий CSS, который, похоже, не работает: table {width:100%; padding: 0 50px 0 50px;} Когда я использую поля вместо заполнения, он работает, но с шириной: 100%, используя поля, вскрывает все это из родительского div. Я думаю, я мог […]

Почему изменение позиционирования элемента table-row от «static» до «absolute» до «static» приводит к постоянному изменению высоты?

display: table-row div с height: 75px внутри display: table div с height: 100px Высота ребенка первоначально составляет 100px с position: static Изменяя позиционирование дочернего элемента на absolute а затем обратно на static , высота ребенка постоянно изменяется от 100px до 75px . Это происходит только в том случае, если родительский элемент является таблицей, а дочерний […]

Как я могу динамически добавлять данные из моего массива в ячейки таблицы?

В настоящее время я использую этот код для создания динамической таблицы в Javascript, но я не знаю, как добавить данные из моего массива в эти ячейки? Я использую следующий код: Untitled Document .mytable { border:1px solid #000000; border-collapse:collapse; width:200px; } .mytable td{ background:#cccccc; border:1px solid #000000; } onload=function(){ var nrCols=1; var maxRows=10; var nrRows=maxRows+1; var […]

Почему отображение: таблица ведет себя по-разному в Firefox и в Chrome?

Я делаю макет, который выглядит как это All contained withing a ‘table’ (display: table) __________________ | S| HEADER | | I|—————| | D| | | E| CONTENT | | |_______________| | |FOOTER | ——————– SIDE – это table-cell а HEADER, CONTENT, FOOTER содержатся в другой table-cell . CONTENT – это div который имеет overflow-y установленное […]

Создание таблицы с тремя столбцами только с помощью CSS? (Нет элемента таблицы)

Я создаю шаблоны для проекта Django, и мне нужно создать таблицу из трех столбцов в HTML, используя только CSS, а не элемент . Причина, помимо любой идеологической оппозиции к таблицам, заключается в том, что отчет нужно рассматривать как на рабочих столах, так и на карманных устройствах, таких как BlackBerry. На карманных компьютерах вместо того, чтобы […]

Столбцы цветных таблиц от N до (td: nth-of-type)

Я хочу добавить определенный цвет фона из определенного столбца вперед. Вместо того, чтобы использовать class css для каждого столбца, я предпочел бы сделать это иначе, если это возможно. У меня будет огромный стол с сотнями строк и около 25 столбцов, и я предпочитаю избегать ненужного кода. В настоящее время я использую свойство td:nth-of-type для этого: […]