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

[Anonymous]

У меня есть простая таблица Bootstrap с большим количеством строк.
Есть ли способ сделать заголовок таблицы фиксированным при прокрутке окна, но чтобы ширина каждого заголовка столбца была равна ширине строки с наибольшим количеством текста.
Поскольку при установке фиксированного положения заголовка таблицы заголовок не меняет свою ширину в зависимости от содержимого.
Другими словами, установите ширину каждого столбца в зависимости от самого широкого значения (будьте этот заголовок в заголовке или значение в ячейка) в столбце.
Есть ли способ поместить такие вычисления в ширину столбца заголовка?
Я не могу придумать другого способа сделать это.
Я использую angular.
Вот jsfiddle того, что я пробовал при установке фиксированного положения строки заголовка: JsFiddle
Как вы можете видеть, теперь столбцы не совпадают с соответствующими столбцами в теле .
Мне нужно, чтобы они были выровнены, но без установки фиксированной ширины для каждого столбца, поскольку я не знаю, какой длины будут данные, которые я получаю.

Код: Выделить всё

.table-bordered tr {
position: fixed;
z-index: 1;
top: 50px;
background: #fff;
}

Код: Выделить всё

Column1
Column2
Column3
Column4
Column5
Column6





 FIRST
asdasdfasf
fsdf
sdfsfd
sdfs
fsdfsdf


 asdf
asdfa
fsdf
sdfsfd
sdfs
fsdfsdf


 asdf
asdfa
fsdf
sdfsfd
sdfs
fsdfsdf

Подробнее здесь: https://stackoverflow.com/questions/477 ... dow-scroll