2016-07-24 90 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