Исправлен заголовок таблицы при прокрутке окна. ⇐ CSS

[Anonymous]

У меня есть простая таблица 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