Question

这听起来可能是一个愚蠢的问题，但我已经尝试了一切：使用style属性（display：inline），使用styleClass属性但没有。我希望此代码显示在同一行/行上：

<p:panel rendered="#{not empty enastrSearch.recordsList}">
                <p:dataTable id="tableData" var="record" value="#{enastrSearch.recordsList}" style="border: 0px" >
                    <p:column>
                        <p:dataGrid var="column" value="#{record.renderColumnList}" columns="4" style="display: inline">
                            <p:column>
                                #{column.columnValue}
                            </p:column>
                        </p:dataGrid>
                        <h:selectOneMenu value="#{options.selectedBank}" style="display: inline" >
                            <f:selectItems value="#{banks.currentBanks}"  />
                        </h:selectOneMenu>
                    </p:column>
                </p:dataTable>
            </p:panel>

谢谢！

Answer 1

将以下内容添加到CSS中：

#tableData .ui-datagrid { 
    float: left;
}

或如果没有实现所需的布局（项目将在没有空格的情况下折叠在一起，则需要在datagrid的列内容中自己操作空白），然后将它们放入<h:panelGrid columns="2">代替：

<h:panelGrid columns="2">
    <p:dataGrid ... />
    <h:selectOneMenu ... />
</h:panelGrid>

Primefaces - 如何显示dataGrid并选择内联菜单

1 个答案: