Primefaces数据表colspan列宽 - 不工作答案

【问题标题】：Primefaces datatable colspan column width - Not WorkingPrimefaces数据表colspan列宽 - 不工作
【发布时间】：2014-09-08 13:16:44
【问题描述】：

我尝试为某些（不是全部）列创建具有固定列宽的 primefaces 数据表。表头有 3 行，包含 colspan 和 rowspan。我现在想修复“a”下第一列的宽度。第二列应该是动态的。

如果没有 Colspan，我可以使用 Header Column 元素的 width 属性。但现在我不能使用标题列，因为它是两列。普通列的宽度被忽略。 (width="30" 和 style="width:30px;")

我添加了我的问题的屏幕截图 (http://s14.directupload.net/images/140717/z2a7vbrj.png)。第一个表是正确且完整的HTML（自写）第二个表是primefaces数据表，见以下代码sn-p：

<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>
            ...

希望有人能帮帮我！

最好的问候

西蒙

【问题讨论】：

标签： html css jsf jsf-2 primefaces

【解决方案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>

style 属性在 columnGroup 内 的 p:column 标签中被识别，PrimeFaces 无需修改即可呈现。

在您的情况下，您已将样式应用于不在 columnGroup 中的 p:column 标签。

一切顺利，

洛伊克

【讨论】：

【解决方案2】：

可滚动数据表不支持，请查看 (Datatable Scrollable with Grouping column width issue)

【讨论】：