Задать вопрос
@3lo6nyik

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

Вот тут мой пример 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 элемента была меньше, чем ширина ячейки, не вышло.
Как еще можно решить мою задачу?
  • Вопрос задан
  • 2541 просмотр
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
Valoo
@Valoo
table{
    table-layout: fixed;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы