Замена данных td на поле ввода изменяет значение столбца - PullRequest
0 голосов
/ 18 февраля 2012

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

Как правильно установить поле ввода с помощью? Должен ли я взять первый размер ширины ТД и просто установить в поле ввода?

http://jsfiddle.net/staar2/Pufpq/2/

// Чуть лучше, шрифты были разные в поле ввода и снаружи

http://jsfiddle.net/Pufpq/7/

// Удалить контур http://jsfiddle.net/Pufpq/8/

Я думаю, что проблема теперь найдена, когда текст задается немного больше ширины, а строка масштабируется больше, но поле ввода соответствует тексту внутри и не меняет ширину.

Ответы [ 3 ]

0 голосов
/ 18 февраля 2012

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

0 голосов
/ 18 февраля 2012

Установите ширину для td, а вход внутри td делает мерцание менее заметным.

td {
padding: 5px; 
width:10px;    
}

td input {
    width:10px;
}
0 голосов
/ 18 февраля 2012

стиль ввода с определенной шириной (не 100%, а как 100px), и это должно исправить

...