rich：dbatable中的列寬

Question

如何在rich:datatable設置rich:column的colum寬度？ width屬性被忽略。 請參閱以下代碼：

<rich:column label="#{msg[result]}" width="150px">
<f:facet name="header">
    <h:outputText value="#{veryLongText}"/>
</f:facet>
<h:outputText value="#{someValue}" /> 
<f:facet name="footer">
    <h:outputText value="#{someValue}" /> 
</f:facet>
</rich:column>

如果渲染此列並且veryLongText寬於150px，則不會在多行中將其分解。 相反，它只是忽略列寬並占用所需的空間。

如何解決這個問題？

Answer 1

嘗試<rich:column>的headerClass屬性，如下所示：

<rich:column headerClass="myWidth">
...
</rich:column>

然后，在您的CSS（嵌入或鏈接）中：

.myWidth {width:150px}

您可能還會在某處發揮一些違反“空白”CSS屬性的功能，因此您可能需要將.myWidth選擇器指定為：

.myWidth {width:150px; white-space:normal!important}

Answer 2

如果你想用自動換行實現這個列，請使用這個....

<div style="overflow: hidden;width: 300px;word-wrap: break-word; ">
  <h:outputText value="#{someValue}" />
</div>

它在Mozilla和IE 8.0上都經過測試。

Answer 3

使用：

style="width:150px"

或者在您的CSS中添加的styleClass="myColumnClass"

.myColumnClass{
 width: 150px;
}

Answer 4

你可以用這個：

<rich:column width="60px">
    <f:facet name="header">
        <h:outputText value="#{veryLongText}" />
    </f:facet>
    <div style="overflow:hidden;width:60px">
         <h:outputText value="#{someValue}" />
    </div>
</rich:column>