mates-grid
Context Menu & Export
Right-click for Copy, Export CSV, and Clear filters. Call grid.exportCsv() or grid.getDataAsCsv() from a parent button. Transactions add, update, and remove by getRowId.
CSV, flash, and a transaction
Add a row, flash visible cells, or download CSV. Right-click any cell for the built-in menu.
Person
Placement
Metrics
Name
Status
Region
Joined
Year
Amount
Qty
Notes
Ada Lovelace
Active
EMEA
2024-01-01
2022
$20
1
Needs review
Grace Hopper
Pending
APAC
2024-02-02
2023
$57
2
ok
Linus Torvalds
Churned
Americas
2024-03-03
2024
$94
3
ok
Margaret Hamilton
Active
EMEA
2024-04-04
2022
$131
4
ok
Dennis Ritchie
Pending
APAC
2024-05-05
2023
$168
5
ok
Barbara Liskov
Churned
Americas
2024-06-06
2024
$205
6
Needs review
Alan Turing
Active
EMEA
2024-07-07
2022
$242
7
ok
Katherine Johnson
Pending
APAC
2024-08-08
2023
$279
8
ok
Donald Knuth
Churned
Americas
2024-09-09
2024
$316
9
ok
Radia Perlman
Active
EMEA
2024-10-10
2022
$353
1
ok
Ken Thompson
Pending
APAC
2024-11-11
2023
$390
2
Needs review
Frances Allen
Churned
Americas
2024-12-12
2024
$427
3
ok
Ada Lovelace
Active
EMEA
2024-01-13
2022
$464
4
ok
Grace Hopper
Pending
APAC
2024-02-14
2023
$21
5
ok
Linus Torvalds
Churned
Americas
2024-03-15
2024
$58
6
ok
Margaret Hamilton
Active
EMEA
2024-04-16
2022
$95
7
Needs review
Dennis Ritchie
Pending
APAC
2024-05-17
2023
$132
8
ok
Barbara Liskov
Churned
Americas
2024-06-18
2024
$169
9
ok
grid.exportCsv({ fileName: "people.csv" });
grid.applyTransaction({ add: [row], update: [], remove: [] });
grid.flashCells({ rowIndexes: [0], colIds: ["name"] });