html - Primefaces数据表colspan列宽-不起作用

我尝试为某些（并非全部）列创建具有固定列宽的素数数据表。
表格标题有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>
            ...

我希望有一个人可以帮助我！

最好的祝福

西蒙

最佳答案

我正在使用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标记。

一切顺利

洛伊奇

关于html - Primefaces数据表colspan列宽-不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24807411/