Bootstrap таблицы

Имеется таблица стандартного вида:

<table>

   <thead>

   </thead>

 

   <tbody>

     ...

   </tbody>

</table>

К странице прикручен bootstrap. И все бы хорошо. Но, понадобилось закрепить шапку.

Закрепляла как средставами CSS, изменив у шапки свойство position на fixed. Так же же пробовала средствами JS.

Проблема заключается в том, что после закрепления шапки bootstrap прекращает изменять ширину столбцов в шапке вместе со всей оставшейся таблицей.

Задать в процентном соотношении не вариант. Пробовала. При одинаковых % в закрепленной шапке и таблице ширина все равно разная.

Прихожу к выводу что нужно следить за шириной столбцов в таблице и динамически менять их в шапке средствами JS. Есть ли варианты проще?