Css DataTable PrimeFaces列宽度未更改
是否有任何方法可以指定datatable中相同列的Css DataTable PrimeFaces列宽度未更改,css,jsf,primefaces,Css,Jsf,Primefaces,是否有任何方法可以指定datatable中相同列的宽度,例如我的datatable的这一部分,但并非所有列的宽度都相同: <p:dataTable value="" styleClass="hide-content-names"> <p:columns value="#{managedBean.listObject}" var="head" headerText="#{head.code}" width="20px;"/> <
宽度
,例如我的datatable的这一部分
,但并非所有列的宽度都相同:
<p:dataTable value="" styleClass="hide-content-names">
<p:columns value="#{managedBean.listObject}"
var="head" headerText="#{head.code}" width="20px;"/>
</p:dataTable>
有什么解决办法吗
谢谢。最好的方法是编写一些自定义CSS。如果不想将其应用于所有数据表,请向数据表添加一个类,比如说
my table
默认情况下,PrimeFaces数据表设置为宽度:100%
。将第一个覆盖为自动
:
.my-table.ui-datatable table { width: auto; }
现在,将表中的th
和td
的max width
设置为20px
,而不是width
:
.my-table.ui-datatable th, .my-table.ui-datatable td { max-width: 20px; }
在你的专栏中使用
style
属性也可以做到这一点。最好的方法是编写一些自定义CSS。如果不想将其应用于所有数据表,请向数据表添加一个类,比如说my table
默认情况下,PrimeFaces数据表设置为宽度:100%
。将第一个覆盖为自动
:
.my-table.ui-datatable table { width: auto; }
现在,将表中的th
和td
的max width
设置为20px
,而不是width
:
.my-table.ui-datatable th, .my-table.ui-datatable td { max-width: 20px; }
使用列上的
style
属性也会起作用。尝试将此style=“width:20px”
改为width
谢谢@YagamiLight,我以前这样做过,但同样的结果会在表单中产生dataTable
?!?尝试使用此style=“width:20px”
而不是width
谢谢@YagamiLight,我以前这样做过,但同样的结果会在表单中使用数据表?!?