фиксированный столбец html таблицы разрывает макет

Question

Мне нужно создать таблицу с фиксированным первым столбцом, а остальные столбцы прокручиваются по горизонтали.

Мне удалось реализовать это успешно, но когда я реализую его на своем веб-сайте, он, похоже, не работает.

, когда я делаю глава таблицы фиксированы, первая колонка ломает макет

, когда я использую это с простой таблицы она работает, но не с моей темой

.table-wrapper th:first-child { 
    position: fixed; 
    left: 5px 
} 

Таблица, которая работает без CSS : http://www.vidznet.com/table/2.html

стол с CSS: http://www.vidznet.com/table/1.htm

кто-то может сказать мне, что может быть противоречивыми?

Update: то, что мне нужно это первый столбец будет неподвижен, а полосы прокрутки, чтобы начать со второго столбца, как этот

Это должно быть так: http://vidznet.com/table/table1.jpg

но в моем CSS темы это выглядит как этот http://vidznet.com/table/table2.jpg

Answer 1

проблема с вашей собственности CSS:

.table.table-striped > thead:first-child > tr > th:first-child { 
    width: 25%; 
    text-align: left; 
} 

Ширина слишком велика для столбца. Его нужно изменить на 5-12%, в зависимости от того, как вы хотите, как далеко вы хотите, чтобы подчеркнуть, чтобы соответствовать другим фиксированным элементам.