renderDetailPanel - lazy loading

[guma44]

Hi, is there a way to call "renderDetailPanel" only after clicking the expand button? Currently, panels are rendered together for whole table and my panels have to perform some costly computations so I do not want to do it if they are not expanded.

[guma44]

I got it to work with such a trick in renderDetailPanel:

renderDetailPanel={({ row }) => {
    if (row.getIsExpanded()) {
      return getExpandedRow(row.original);
    } else {
      return <div>Not expanded</div>
    }
}}