2017-01-30 2 views
0

Мои столбики таблицы для таблицы в Bootstrap слишком малы. Я хотел бы иметь возможность увеличить ширину. Если я поместил ширину как «авто», тогда она станет слишком широкой даже на рабочем столе, и я должен прокручивать ее по горизонтали. Странно, что ширина столбца не меняется, будь то его рабочий стол или планшет. Строки и заголовок таблицы генерируются с использованием JavaScript и jQuery.Бутстреп-таблица Ширина столбца

В каждом из моих столбцов есть текстовое поле ввода, а один столбец - список выбора.

+0

Пожалуйста, разместите код (или пример), который у вас есть на данный момент. – ZimSystem

ответ

0

Прежде всего, убедитесь, что вы правильно упаковали свою страницу в .container или .container-fluid. После этого попробуйте размер столбцов, как вы обычно делаете со своей сеткой в ​​Bootsrap, как вы можете прочитать в this answer. Вы можете сделать ваш стол отзывчивым, обернув его в .table-responsive: когда окно просмотра становится слишком маленьким, вы будете иметь горизонтальные полосы прокрутки.

+0

Пробовал это, но не повезло. То, что я хотел бы, именно то, что вы заявили. Для рабочих столов он должен отображаться без прокрутки и на хромонике должен прокручиваться. Интересно, что на мгновение он расширяется (col), но затем он сжимается сразу - возможно, соответствует его родительскому. – Mike

+0

У меня есть более 12 столбцов, поэтому задаемся вопросом, имеет ли это какое-либо отношение к этому – Mike

+0

. У Bootstrap есть 12-ти колонная сетка, но таблицы на ваших страницах могут иметь более 12 столбцов. В вашем случае, я думаю, что javascript изменяет размеры вашей структуры таблицы, поэтому вам, вероятно, придется проверять свой код и в конечном итоге использовать скрипт для установки ширины столбцов. –

Смежные вопросы