Как зафиксировать размер th style, чтобы в INPUT попадали минимум 3-4 символа?

Question

[Николай Бараненко]

Здравствуйте.

Есть HTML таблица

<table class="table table-hover" id="Employees" name="Employees">
                                    <thead>
                                    <tr>
                                        <th style="width:2%">Номер отдела</th>
                                        <th style="width:5%">Табельный номер</th>
                                        <th style="width:8.8%">Фамилия</th>
                                        <th style="width:8.8%">Имя</th>
                                        <th style="width:8.8%">Отчесттво</th>
                                       <th style="width:8.8%">Вес</th>
                                    </tr>
                                    </thead>

                            </table>

Далее на java script добавляются TD с INPUT TEXT для ввода/изменения данных
пример

row = row + "<td><div class='input-group'><input type='text' id='Input_Weight_" + i + "' class='form-control' value='0'' onchange='checkColumn(\"Input_Weight_"+i+"\")'></div></td>";

проблема в том, что автоформатирование приводит к тому, что INPUT TEXT для поля ВЕС вообще не видно.

Подскажите как зафиксировать размер, чтобы в INPUT попадали минимум 3-4 символа?

Comments

[Александр Лысенко]

Не могли бы вы воспроизвести проблему в песочнице или хотя бы скриншотом

[Николай Бараненко]

Ok. Попытаюсь

[Anton fon Faust]

input {
min-width: 60px !important;
}