Collapse rows in pivot table by default

[lyjeileen]

Bug Report

Is there a way to configure the pivot table to collapse rows by default? Currently, the table rows are not collapsed on initial page render, but they collapse if the table is scrolled. I attempted to use view.set_depth(0) to achieve this behaviour, but it did not work as expected.

I also referred to the following issue for guidance: #2295. However, it appears that the notifyResize(true) method has been removed or is no longer available. Is there an alternative approach to achieve this functionality?

Steps to Reproduce:

1. Git clone the sample project
2. Run npm i, npm run local, npm run start:prod
3. Open http://127.0.0.1:8080/

I'm using react instead of pure javascript.

Expected Result:

• Table rows should be collapsed by default.

Actual Result:

• Initially, table rows are not collapsed.
• After scrolling, the rows collapse as expected.

Environment:

@finos/perspective version: 3.1.2
browser and version: Google Chrome Version 130.0.6723.70
OS: macOS Sonoma version 14.5

[texodus]

notifyResize() was renamed to resize() docs here. You can use this API like this:

const view = await viewer.getView();
await view.set_depth(0);
await viewer.resize();

[lyjeileen]

@texodus Thank you so much! It works!