Would love to brainstorm solutions for: TreeGrid.

[vitorioParticipant]

How can I expand or collapse all rows in jqxTreeGrid programmatically in React?

[adminKeymaster]

Hi,

Please, find an example below:

import React, { useRef } from "react";
import JqxTreeGrid from "jqwidgets-scripts/jqwidgets-react-tsx/jqxtreegrid";

export default function App() {
  const treeGridRef = useRef(null);

  const expandAll = () => {
    treeGridRef.current.expandAll();
  };

  const collapseAll = () => {
    treeGridRef.current.collapseAll();
  };

  return (
    <div>
      <button onClick={expandAll}>Expand All</button>
      <button onClick={collapseAll}>Collapse All</button>

      <JqxTreeGrid
        ref={treeGridRef}
        width={800}
        source={dataAdapter}
        columns={columns}
      />
    </div>
  );
}

Best regards,
Peter

[Author]

Posts