javascript - 如何设置 PrimeUI 数据表的列宽

Question

如何设置 PrimeUI Datatable 列宽？我已经尝试过这段代码（“ http://www.primefaces.org/primeui/datatable.html ”），它工作正常，但我想设置列的宽度，请帮助我
提前谢谢

Answer 1

只需添加宽度

.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;
}

Answer 2

另一种选择是在列数组中使用 headerStyle 选项。

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

我无法找到列数组的完整选项列表，所以如果有人知道它在哪里，请发布它！