Custom cell renderer

[jonw09]

Support Question

Is there an API or approach that I can use to extend or override the cells within the datagrid?

Ideally I'd like to make use of the table as is, but have a way to provide the individual cells to display. This would allow me to do custom formatting and styling and make use of bespoke components.

Is this supported?

[timkpaine]

There is a custom styles example on the README:
https://bl.ocks.org/texodus/c42f3189699bd29cf20bbe7dce767b07

[jonw09]

That’s for the link. I’m looking for a way to fully customise cells on an individual basis though. From what I can see in the example, the styling would be table-wide with no ability to target individual cells based on their content.

Is there either:

• a way to override the rendered cell component with something bespoke? E.g. return a new div per cell with custom content
• a way to style specific cells either by applying extra class names or applying styles directly?

An example of what I’d like to do is a flash of green if a number ticks up and red if it ticks down. As far as I can tell from the docs there’s no way to do this in a targeted manner using styles.

[nekw]

I am looking for this feature/api as well.

[timkpaine]

You can, e.g. the Magic example, though i defer to @texodus for the level to which this is public API (if any)

[texodus]

I do not understand what is being asked for by "customize cells on an individual basis" or "target individual cells based on their content". You can choose to update all, some or none of the visible cells at your discretion based on a wide-range of metadata provided by getMeta() per cell, you just iterate through visible cells on each style listener callback and only modify the ones you're interested in, a la any of the style examples @timkpaine linked above. Even @finos/perspective-viewer-datagrid itself uses this API from the underlying regular-table datagrid library to do its own styling.

Perspective does not generate deltas unless you explicitly request them, which means the datagrid does not provide the delta per cell in the metadata object returned from getMeta(). You can however subscribe to these yourself pretty simply, if I have time I will try to add an example of this after we merge the newest plugin API.