设置冻结列的宽度

Question

我正在尝试使用PrimeFaces ShowCase中的 Frozen Column .

但我无法设置第一个冷冻柱的宽度,这实在太宽了.

有人可以告诉我如何解决它？

XHTML:

<p:dataTable var="car" value="#{dtScrollView.cars}" 
             scrollable="true" scrollHeight="150"
             scrollWidth="300" frozenColumns="1">
   <p:column headerText="Id" footerText="Model">
      <h:outputText value="#{car.model}" />
   </p:column>
   <p:column headerText="Year" footerText="Year">
      <h:outputText value="#{car.year}" />
   </p:column>  
</p:dataTable>

我正在使用PrimeFaces 5.0.

Answer 1

要更改冻结列的宽度,请使用以下CSS类:

/* Change frozen width */
.ui-datatable-frozenlayout-left {
   width: 20%;
}

这是一个在线演示,以及github上的示例代码.

希望这可以帮助.