Primefaces數據表colspan列寬-不起作用

Question

我嘗試為某些（並非全部）列創建具有固定列寬的素數數據表。 表格標題有3行，分別為colspan和rowspan。 我現在要固定“ a”下第一列的寬度。 第二列應該是動態的。

沒有Colspan，我可以使用Header Column元素的width屬性。 但是現在我不能使用標題列，因為它用於兩列。 普通列的寬度被忽略。 （寬度=“ 30”和樣式=“ width：30px;”）

我添加了我的問題的屏幕截圖（ http://s14.directupload.net/images/140717/z2a7vbrj.png ）。 第一個表是正確且完整的HTML（自行編寫），第二個表是在以下代碼段中看到的primefaces數據表：

<p:dataTable var="produktkenntniss"
            value="#{xyz}">

            <p:columnGroup type="header">
                <p:row>
                    <p:column rowspan="3" colspan="2"
                        headerText="a" />
                    <p:column colspan="2"
                        headerText="b" />
                    <p:column colspan="5"
                        headerText="c" />
                    <p:column rowspan="3"
                        headerText="d" />
                </p:row>
                <p:row>
                    <p:column rowspan="2"
                        headerText="e" />
                    <p:column rowspan="2"
                        headerText="f" />
                    <p:column colspan="2"
                        headerText="g" />
                    <p:column colspan="2"
                        headerText="h" />
                    <p:column headerText="i" />
                </p:row>
                <p:row>
                    <p:column
                        headerText="j" />
                    <p:column headerText="k" />
                    <p:column
                        headerText="l" />
                    <p:column headerText="m" />
                </p:row>
            </p:columnGroup>

            <p:column width="30">
                <h:outputText
                    value="n" />
            </p:column>
            <p:column>
                <h:outputText
                    value="o" />
            </p:column>
            ...

我希望有一個人可以幫助我！

最好的祝福

西蒙

Answer 1

我正在使用PrimeFaces 5，但遇到了同樣的問題。 我沒有找到解決此問題的Primefaces方法，但是您可以在primefaces標簽中使用簡單的CSS樣式，它可以工作：

        <p:columnGroup type="header">
        <p:row>
            <p:column rowspan="2" style="width:10%" headerText="a"></p:column>
            <p:column rowspan="2" style="width:5%" headerText="c"></p:column>
            <p:column rowspan="2" style="width:5%" headerText="c"></p:column>

樣式屬性可以在columnGroup的p：column標記中識別 ，並且無需PrimeFaces修改即可呈現。

在您的情況下，您已將樣式應用於不在columnGroup中的p：column標記。

一切順利

盧瓦克

Answer 2

它不受可滾動數據表的支持，請看一下（ 具有分組列寬度問題的數據表可滾動 ）