Почему елемент занимает ширину больше чем другой если я не указывал значение?

Question

[Sergei2325]

Всем привет ребят! подскажите не могу понять почему елемент елемент с класом edit занимает ширину 170 px , в тоже время такой же елемент с класом delete занимает 53 px никаких значений не задавал
https://jsfiddle.net/bxLvfyas/

Answer 1

[Денис Инешин]

В таблицах ширина колонок настраивается автоматически в зависимости от контента.
Т.е. если в одной ячейке слово "привет", а в другой "синхрофазатрон" - то привет явно короче, значит и колонка с ним будет уже.

Чтобы избежать автоматической настройки, указывайте ширину колонок вручную (в пикселях или в процентах).

Comments

[Sergei2325]

в том и дело что слово edit занимает меньше чем слово delete например но занимает больше в 3 раза

[Виталий Першин]

Sergei2325, Вы через js вставляете невалидную таблицу, вот у вас все и ломается..

[Sergei2325]

Виталий, спасибо! а каким образом пофиксить данную проблему? мне нужно при клику создавать таблицу через js

[Sergei2325]

Виталий, все отлично работает кроме посл столбца ibb.co/5s0JRxQ

[Виталий Першин]

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

[Sergei2325]

Виталий, ibb.co/KwKghcr

Решение поместить еще 1 tr в button ) спасибо!)