Скроллбар расширяет границы таблицы, как это исправить?

Question

[Alexey]

Я имею таблицу с данными. Эта таблица имеет фиксированную высоту и 100% ширину. Когда присутствует множество рядов в таблице, мне необходимо выводить вертикальный скролл. Но проблема в том что он сдвигает всю ширину ячейки и получается что thead ширина столбцов, не совпадает с tbody шириной.


Я исправил это для Chrome:

overflow-y: overlay;
  overflow-x: hidden;

Но проблема в том что данное исправление действительно только для Chrome - webkit. В IE, Firefox - нет свойства overflow-y: overlay;
Подскажите как это исправить?

Answer 1

[ukoHka]

jsfiddle.net/nyCKE/6756

Comments

[Alexey]

Дело в том что, первоначально, я не имею строк в tbody или имею их 2-3 и скроллбар не появляется. Судя по вашему примеру, у меня хедер сдвигается.

[ukoHka]

azovl: overflow-y: scroll будет всегда отображать скроллбар. jsfiddle.net/nyCKE/6757