developer guide
Redact a Column in a JavaScript Data Grid
A column can be obscured in place for a screen share or a demo: it stays where it is and the shape of the data is still legible, but nobody watching can read the values.
Developer guide › Collaboration and comments › Redact a Column in a JavaScript Data Grid
Redacting a column
For presenting and screen sharing: obscure the values in a column while everything that makes the grid readable (the row count, the sort, the filters, the column layout) stays exactly as it was. Right-click a column heading and choose Redact column.
From the API
grid.redaction.toggle('salary');
grid.redaction.set(['salary', 'bonus']);
grid.redaction.clear(); // when the call ends
This is not a security control, and the difference matters. The values
are still in the model, still in the DOM, still on the clipboard and still in every export.
Anyone looking at the page can read them from devtools, or by turning off a single CSS rule.
What redaction defeats is a camera and a screen recorder, which is the threat a presenter
actually has, and the only one it claims to answer. For a value that must never reach the
browser, use permissions with writeOnly: there the value is not
sent, so there is nothing to reveal.
Headings stay readable, totals do not. The column heading is left alone deliberately, a redacted column still has to be identifiable, by the presenter who wants to turn it back on and by the audience who need to know what they are not being shown. The pinned totals row is redacted, because the sum of a column is not a hint at its values: filter to one row and the total is the value.
Swapping the treatment. --lattice-redaction-filter defaults
to blur(5px) contrast(0.85) and takes anything the CSS filter
property does. A blur is the default because it is GPU-composited and stays cheap across a
scrolling viewport; point the token at an SVG mosaic filter if you prefer classic
pixellation and can afford it per cell.