HTML-ячейка данных сжимается с помощью формы управления select2 laravel 5.8

Question

У меня есть форма с разными входами.Раздел формы показан ниже:

<tr>
    <td><input type="text" name="title[]" class="form-control" required=""></td>
    <td><input type="text" name="description[]" class="form-control" required=""></td>
    <td><input type="text" name="activity_type[]" class="form-control" required=""></td>
    <td><select class='form-control select2' name='media_format'>
            @foreach ($media_format as $format)
                <option value="{{$format}}" selected="">{{$format}}</option>
            @endforeach</select></td>
    <td><input type="text" name="learning_mode[]" class="form-control" required=""></td>
    <td><select class='form-control select2' name='difficulty_level'>
        @foreach ($difficulty_level as $level)
            <option value="{{$level}}" selected="">{{$level}}</option>
        @endforeach</select></td>
    <td><input type="text" name="expected_learning_time_in_minutes[]" class="form-control" required=""></td>
    <td><a href="#" class="btn btn-danger remove"><i class="glyphicon glyphicon-remove"></i></a></td>
</tr>

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

Answer 1

Из комментария u_mulder одно решение состоит в том, чтобы явно установить ширину ячейки, например:

<tr>
<td width="5%"><input type="text" . . . . </td>
<td width="14%"><select class='form-control select2' . . . . </td>

Любая ячейка text, которая не установлена, расширяется в соответствии с оставшимся пробелом.