Primefaces - 如何顯示dataGrid並選擇內聯菜單

這聽起來可能是一個愚蠢的問題，但我嘗試了一切：使用style屬性（display：inline），使用styleClass屬性但沒有任何東西。我想在同一行/列，以顯示該代碼：Primefaces - 如何顯示dataGrid並選擇內聯菜單

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

謝謝！

來源

2011-10-06 spauny

要麼添加以下你的CSS：

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

或者如果沒有達到預期的佈局（該項目將一起崩潰沒有空格，你需要自己操作裏面的空白數據網格的列內容），然後把它們放在一個<h:panelGrid columns="2">，而不是：

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

來源

2011-10-06 12:26:37 BalusC

我怎麼能把一個標題行與每個列名？如果我把它放在dataGrid中，列的名字會出現在每一行中，我不希望那樣;如果我把它放在dataTable的上面，那麼名稱就不會以列值出現的方式格式化。 – spauny

Primefaces - 如何顯示dataGrid並選擇內聯菜單

回答

相關問題