Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css DataTable PrimeFaces列宽度未更改_Css_Jsf_Primefaces - Fatal编程技术网

Css DataTable PrimeFaces列宽度未更改

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中相同列的
宽度
,例如我的
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,我以前这样做过,但同样的结果会在
表单中使用
数据表?!?