2016-07-24 94 views
0

我目前正在使用帶有許多列的<p:dataTable>(來自PrimeFaces 5.2),並且當我接近數據表父容器的寬度時,PrimeFaces開始隱藏列;不幸的是,它似乎是最重要的專欄(左邊第一位,<p:datePicker>)。如何禁用隱藏在數據表中的PrimeFaces列溢出

我試過分配該欄的priority="1",其他欄priority="3"the ShowCase site所述,但第一列仍然隱藏。

除了通過scrollable="true"只是嵌套的數據表中的<p:tabView>我試圖使DataTable中滾動內和分配上的寬度,也嘗試<p:scrollPanel>內包裝的數據表,但列仍被隱藏在這兩種情況下。

當我刪除足夠多的列(從表格的最右側)時,隱藏列將再次出現。

我對不綁定/硬編碼到特定列的解決方案感興趣,因爲我在第2列或第3列遇到同一問題,具體取決於分辨率或瀏覽器寬度。 。我想確保我的用戶能夠看到編碼到數據表中的所有內容,即使這意味着他們必須滾動,而不是讓用戶或我自己不知道的動態函數抑制值。

+0

請問可以分享一些代碼嗎?作爲提示,您可以通過'tableStyle =「width:auto」' – chaeschuechli

+0

自動設置數據表的寬度。也許你可以使用[column toggler](http://www.primefaces.org/showcase/ui/data/datatable) /columnToggler.xhtml)或[滾動選項](http://www.primefaces.org/showcase/ui/data/datatable/scroll.xhtml)? – jNick

+0

@chaeschuechli - 謝謝,我今天晚上會添加一些示例代碼。 – Hatley

回答

1

基本上,我建議將tableStyle="width:auto"添加到<p:datatable>,以便您不必處理單列寬度。 Primefaces將根據列條目的長度動態處理它。

+0

好的 - 我想出瞭如何接受chaeschuechli的答案,完美的工作,謝謝一堆! – Hatley