如何在<p:panelGrid>中调整<p:column>的宽度？

Question

我对所有列使用了width属性,但在显示中,不调整列.

我能用这种方式吗？如果,请指导我按照我的要求实现列宽.

Answer 1

你可以使用硬编码值:

<p:column style="width:20px">

或百分比:

<p:column style="width:20%">

取决于最适合你的.

Answer 2

您必须使用columnClasses属性并使用逗号(,)分隔每个列样式.下面的代码示例显示了如何使用columnClassess属性.

在头标记:

<style type="text/css">
            .column1{width: 10px;height:auto}
            .column2{width: 5px;height:auto}
            .column3{width: 20px;height:auto}
           </style>

在身体标签:

<p:panelGrid columnClasses="column1,column2,column3" columns="4" style="width: 100%" >  
                    <p:column></p:column>                        
                    <p:column></p:column>
                    <p:column></p:column> 
                    <p:column></p:column> 
                </p:panelGrid>  

它也适用于h:panelGrid标签.