Блог

Главная - Вопросы по программированию - Ширина столбцов DataTable PrimeFaces не изменяется

Ширина столбцов DataTable PrimeFaces не изменяется

#css #jsf #primefaces

#css #jsf #primefaces

Вопрос:

Есть ли какой-либо способ указать одинаковые width столбцы в datatable, например, в this part of my dataTable , но ширина не одинакова для всех столбцов :

 <p:dataTable value="" styleClass="hide-content-names">
    <p:columns value="#{managedBean.listObject}" 
               var="head" headerText="#{head.code}" width="20px;"/>
</p:dataTable>

Ширина столбцов

Есть ли какое-либо решение для этого?

Спасибо.

Комментарии:

1. попробуйте сделать это style="width: 20px" вместо width

2. Спасибо @YagamiLight, я делал это раньше, но результат тот же

3. ваша dataTable внутренняя часть a form ?!?

Ответ №1:

Лучший способ сделать это — написать собственный CSS. Если вы не хотите применять это ко всем своим таблицам данных, добавьте класс в свою таблицу данных, скажем my-table .

По умолчанию для таблиц данных PrimeFaces установлено значение width: 100% . Переопределите это сначала на auto :

 .my-table.ui-datatable table { width: auto; }

Теперь вместо width , установите значение max-width 20px для обоих th и td в вашей таблице:

 .my-table.ui-datatable th, .my-table.ui-datatable td { max-width: 20px; }

Использование style атрибута в вашем столбце для этого также будет работать.