Как установить ширину столбца 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%"},
Я не смог найти полный список опций для массива столбцов, поэтому, если кто-нибудь знает, где он находится, пожалуйста, опубликуйте его!