【问题标题】:How to collapse other expanded rows in PrimeReact DataTable如何折叠 PrimeReact DataTable 中的其他展开行
【发布时间】:2021-08-05 08:09:36
【问题描述】:

我对反应非常陌生,想在主要反应数据表中处理行展开/折叠。我试图一次只扩展一行

const onRowToggle = ( e) => { setExpandedRows(e.data); }

我为此目的使用上述行。 请帮忙!

【问题讨论】:

    标签: datatable collapse primereact rowexpansion


    【解决方案1】:

    如果您只想扩展一行,请从您的 DataTable 组件中删除 onRowToggle 并实现以下 onRowExpand 方法

      onRowExpand(event) {
        setExpandedRows({ [event.data.id]: true });
      }
    

    【讨论】:

    • @MuditaPandey 完美!如果对您有帮助,请不要忘记接受答案:)
    • 它在展开时工作正常,但在展开后,当我点击同一个时,它不会向后折叠
    • 我猜你需要这个onRowCollapse(event) { setExpandedRows({ [event.data.id]: false}); }
    • 如果这有效,不要忘记接受答案。绿勾,谢谢
    猜你喜欢
    • 1970-01-01
    • 2011-01-09
    • 1970-01-01
    • 2013-08-21
    • 2012-07-13
    • 1970-01-01
    • 1970-01-01
    • 2019-01-11
    • 1970-01-01
    相关资源
    最近更新 更多