Как установить ширину столбца PrimeUI Datatable

Как установить ширину столбца PrimeUI Datatable? Я пробовал этот код (" http://www.primefaces.org/primeui/datatable.html"), он работает нормально, но я хочу установить ширину столбца, пожалуйста, помогите мне
Thx в продвинутом

2 ответа

Решение

Просто добавьте ширину к

.pui-datatable thead th, .pui-datatable tbody td, .pui-datatable tfoot td

учебный класс?

Edit:

.pui-datatable thead th:nth-child(1),
.pui-datatable tbody td:nth-child(1),
.pui-datatable tfoot td:nth-child(1) {
    width: 50px;
}

.pui-datatable thead th:nth-child(2),
.pui-datatable tbody td:nth-child(2),
.pui-datatable tfoot td:nth-child(2) {
    width: 100px;
}

Другой вариант - использовать опцию headerStyle в массиве столбцов.

{field: 'view', headerText: 'View', content: createEditButton, headerStyle: "width: 8%"},

Я не смог найти полный список опций для массива столбцов, поэтому, если кто-нибудь знает, где он находится, пожалуйста, опубликуйте его!

Другие вопросы по тегам