Question

我正在使用PrimeFaces 6.0 我的目标是创建一个包含rowexpansion的数据表，但我不想显示rowtoggler。行选择将发生扩展。为此，我已添加到我的代码中：

$(document).ready(function() {
      rowExpansion(PF('carDataTable'));
   });

function rowExpansion(dataTable) {
      //dataTable should be the widgetVar object
      var $this = dataTable;
      $this.tbody.off('click.datatable-expansion', '> tr')
         .on('click.datatable-expansion', '> tr', null, function() {
            //toggle the current row the old toggler
            $this.toggleExpansion($(this).find('div.ui-row-toggler'));
          });
}

Rowtoggler列隐藏为：

<p:column style="display:none">
    <p:rowToggler />
</p:column>

问题是当行展开时，行的大小会缩小。当存在除rowtoggler列之外的任何隐藏列时，也会发生这种情况。没有扩展和扩展的情况如下： before expansion after expansion

感谢任何解决方法或解释。

Answer 1

通过解决方法解决了这个问题。而不是将列属性设置为display：none，通过设置0大小隐藏它似乎正在工作。

<p:column style="width:0px;height:0px;padding:0px;border:0px">
    <p:rowToggler />
</p:column>

Answer 2

只是更新，但现在您可以将列可见性设置为false。

<p:column visible="false">
  <p:rowToggler/>
</p:column>

primefaces数据表rowexpansion与隐藏列问题

2 个答案: