primefaces - 具有隐藏列问题的primefaces数据表行扩展

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 列之外的任何隐藏列时，也会发生这种情况。不展开和有展开的样子如下： 展开前展开 后展开

任何解决方法或解释表示赞赏。

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>