New plugin @finos/perspective-viewer-datagrid

[texodus]

Introduces a new plugin @finos/perspective-viewer-datagrid, which will eventually replace @finos/perspective-viewer-hypergrid.

Example Custom Styles

Example Superstore

While similar to Hypergrid in UX, Datagrid is

• Based on HTML <table>
• Virtualized to a scroll portal with an empty <div> at "real" dimensions, which allows native scrollbars, natural responsiveness to pagedown and spacebar scrolling, etc..
• .. but with exceptional virtualized performance (vs @finos/perspective-viewer-hypergrid).
• Can be styled with standard CSS & listen to events on the normal DOM elements of table: td, tr, thead, tbody, with some perspective metadata to E N G A G E analytics.
• Is very accessible without much effort, since it is just a <table> - screen readers etc. work out of the box.
• Native async, which eliminates all "jitter" and "screenshear" issues related to @finos/perspective-viewer-hypergrid.
• Small (50kb with all deps bundled, 15kb standalone).
• Optional double-buffering on both axes for exceptional render quality (at the expense of performance).

The new styling API simply inlines a <table> element into the light DOM as a child of your <perspective-viewer>, allowing you to style with simple CSS

perspective-viewer table tr { 
    background-color: red; 
}

Combined with simple CustomEvent, "perspective-datagrid-update", complex styling, embedded images, charts and controls are simple and natural to implement, similar to a traditional static HTML table.

There are a few known issues, and some notable missing features:

• Horizontal scroll is allowed to the last visible column.
• Columns are not resizable in UI (but can be set in CSS).
• No editable or selectable support yet.

[JHawk]

These are older versions of "@finos/perspective" and "@finos/perspective-viewer", mind updating to latest @texodus?

[JHawk]

Maybe a different name here?

[JHawk]

Is this super() important

[JHawk]

That looks great, thanks!