相對定位一個元件一個在右邊

-1

-The name of the table 
    -A button

我想，該名稱將出現在中心和右側的按鈕。

<p:dataTable widgetVar="liveResizeTableWdg" 
      var="c" 
      value="#{errorContractBean.getDataList(loginBean.usernameLoggedOn)}" 
      paginator="true" 
      rows="33" 
      paginatorPosition="bottom" 
      currentPageReportTemplate="Showing {startRecord}-{endRecord} out of {totalRecords}, 
      Page: {currentPage}/{totalPages}, 
      Total: #{errorContractBean.dataListSize}" 
      paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" 
      rowKey="#{c.uniqueRowID}" 
      selection="#{errorContractBean.selectedContract}" 
      selectionMode="single" 
      scrollable="true" 
      scrollWidth="auto" 
      scrollHeight="auto" 
      filteredValue="#{errorContractBean.filteredContracts}" 
      resizableColumns="true" 
      liveResize="true" 
      id="liveResizeTable" 
      sortMode="single" 
      styleClass="table" 
      headerClass="table-header" 
      rowStyleClass="rowDef" 
      lazy="true"> 



      <f:facet name="header"> 
       <span style="font-size: 1.5em; color: red;">Error Transactions</span> 
       <p:commandButton value="Refresh" actionListener="#{errorContractBean.refreshPage}" 
         update=":form" style="position:relative;" oncomplete="liveResizeTableWdg.filter(); liveResizeTableWdg.clearFilters();"> 
       </p:commandButton> 
      </f:facet>

現在的名稱和按鍵都出現在中心：

表：

 
-------------------------------------------------------------------------- 
.........................      NAME OF THE TABLE - BUTTON       
--------------------------------------------------------------------------

我想有這樣的：

 
-------------------------------------------------------------------------- 
......................... NAME OF THE TABLE......................... BUTTON       
--------------------------------------------------------------------------

我想要的位置是相對的，因爲當我減小窗口時，按鈕必須跟隨頁面。如果我嘗試在css中指定左側或右側，則2個元素不會跟隨頁面的大小。

來源

2014-01-27 T-student

用'風格=已經嘗試過「浮動：權利;」'按鈕？ –

不，我試着謝謝你的回覆 –

你已經使用style="float: right;"在按鈕上試過了嗎？

來源

2014-01-28 09:02:48

對不起，谷歌鍍鉻工程確定，但在Firefox和即它添加一個白色空間下按鈕：（（（（（ –

我通過做Oveflow visibile –

@Frank解決，我會建議打開你自己的答案，而不是接受一個不是你的問題的解決方案。 – lpapp

我確實改變以下列方式按鈕：

<p:commandButton value="Refresh" actionListener="#{errorContractBean.refreshPage}" 
         update=":form" style="float: right;" oncomplete="liveResizeTableWdg.filter(); liveResizeTableWdg.clearFilters();"> 
</p:commandButton>

和表的樣式有

overflow: visible

來源

2014-02-04 10:51:16

相對定位一個元件一個在右邊

回答

相關問題