Как предотвратить изменение ширины колонок/ячеек таблицы при замене содержимого на input элементы?

Question

[3lo6nyik]

Вот тут мой пример jsfiddle.net/ZKh9C/7

Пытаюсь заменить содержимое ячеек input элементами, но при этом сохранить ширину ячеек, чтобы таблица не "мерцала". А также сохранить возможность изменения размеров таблицы при изменении размеров окна браузера.

Пробовал добавить css

input {
    width: 95%;
   box-sizing: border-box;
}

и javascript

var td_width = td.width();
input_elm.css('width', td_width - 30);

чтобы ширина добавляемого input элемента была меньше, чем ширина ячейки, не вышло.
Как еще можно решить мою задачу?

Answer 1

[Marina]

table{
    table-layout: fixed;
}