У меня есть простая таблица Bootstrap с большим количеством строк.
Есть ли способ сделать заголовок таблицы фиксированным при прокрутке окна, но чтобы ширина каждого заголовка столбца была равна ширине строки с наибольшим количеством текста.
Поскольку при установке фиксированного положения заголовка таблицы заголовок не меняет свою ширину в зависимости от содержимого.
Другими словами, установите ширину каждого столбца в зависимости от самого широкого значения (будьте этот заголовок в заголовке или значение в ячейка) в столбце.
Есть ли способ поместить такие вычисления в ширину столбца заголовка?
Я не могу придумать другого способа сделать это.
Я использую angular.
Вот jsfiddle того, что я пробовал при установке фиксированного положения строки заголовка: JsFiddle
Как вы можете видеть, теперь столбцы не выравниваются по соответствующим столбцы в body.
Мне нужно, чтобы они были выровнены, но без установки фиксированной ширины для каждого столбца, поскольку я не знаю, какой длины будут данные, которые я получаю.
HTML-код:
Column1
Column2
Column3
Column4
Column5
Column6
FIRST
asdasdfasf
fsdf
sdfsfd
sdfs
fsdfsdf
asdf
asdfa
fsdf
sdfsfd
sdfs
fsdfsdf
asdf
asdfa
fsdf
sdfsfd
sdfs
fsdfsdf
Css:
.table-bordered tr {
position: fixed;
z-index:1;
top: 50px;
background: #fff;
}
Подробнее здесь: https://stackoverflow.com/questions/477 ... dow-scroll
