Невидимая колонка в резиновой таблице

[Sombrero]

Добрый день. У меня возник такой вопрос к опытным верстальщикам:
У меня есть таблица внутри блока <div>, состоящая из трех видимых колонок и одной невидимой.

По умолчанию ширина колонок задана мной в процентах (на рисунке 1). Я могу выставить любой колонке значение в пикселях, в таком случае другие колонки восполнят ширину (рисунок 2). Но я могу также и задать все колонкам ширину в пикселях. В таком случае мне нужно, чтобы появлялась ещё одна колонка, которая восполнит ширину таблицы. Каким образом я могу организовать подобную колонку? Желательно на чистом CSS, но можно и с помощью JS.

[Igor Schnaider]

Например, так.

[progressive]

Ты хочешь, чтобы 4 колонка появлялась после изменений  значений ширины 3 предыдущих на абсолютные единицы? Или при появлении определенного доступного свободного места?

В любом случае мне кажется подобное было бы удобно реализовать на flexbox.

[Sombrero]

Ты хочешь, чтобы 4 колонка появлялась после изменений  значений ширины 3 предыдущих на абсолютные единицы? Или при появлении определенного доступного свободного места?

 

При появлении свободного места. Мне помог способ вот этот:

Например, так.

 

Спасибо!

Но о flexbox все равно почитаю