primefaces数据表thead与tbody相同的宽度

时间:2015-10-17 10:22:15

标签: html css jsf primefaces datatable

如何强制标题具有与表格相同的宽度?

我有30列的特殊数据表,并且headertext总是比tbody内的数据短(使用45度headertext)。

Primefaces数据表的这种配置将表格扩展到pagesize,所有工作正常,但我需要更多空间。

< --- window --->

< ----- table ----->

<p:dataTable value="#{manager.lazyModel}"
             var="o"
             id="dataTable" 
             scrollable="true"
             liveScroll="true"
             scrollRows="150"
             scrollHeight="1000"    
             lazy="true"
             selection="#{manager.selectObj}"
             selectionMode="multiple"
             rowKey="#{o.id}"
             styleClass="mytable">

如果我将表格的宽度从100%设置为自动,则解决了tbody的问题,但是thead的宽度不正确(所有列的宽度都相同)。

&lt; --- window ---&gt;

&lt; -------- table / full width -----&gt;

.ui-datatable {
display: table;
}

.ui-datatable table {
table-layout: auto !important;
}

我无法找到解决方案。

0 个答案:

没有答案