mates-grid
Pinning & Resize
Pinned columns stay on the left or right while the center pane scrolls. Drag the handle on the column border (vertically centered) to resize. The pin icon in the header toggles pin.
Name is pinned left
Click the thumbtack on a header to pin or unpin. Hover the right edge of a header and drag — only the handle starts a resize.
Name
Region
Status
Year
Amount
Qty
Joined
Ada Lovelace
EMEA
Active
2022
$20
1
2024-01-01
Grace Hopper
APAC
Pending
2023
$57
2
2024-02-02
Linus Torvalds
Americas
Churned
2024
$94
3
2024-03-03
Margaret Hamilton
EMEA
Active
2022
$131
4
2024-04-04
Dennis Ritchie
APAC
Pending
2023
$168
5
2024-05-05
Barbara Liskov
Americas
Churned
2024
$205
6
2024-06-06
Alan Turing
EMEA
Active
2022
$242
7
2024-07-07
Katherine Johnson
APAC
Pending
2023
$279
8
2024-08-08
Donald Knuth
Americas
Churned
2024
$316
9
2024-09-09
Radia Perlman
EMEA
Active
2022
$353
1
2024-10-10
Ken Thompson
APAC
Pending
2023
$390
2
2024-11-11
Frances Allen
Americas
Churned
2024
$427
3
2024-12-12
Ada Lovelace
EMEA
Active
2022
$464
4
2024-01-13
Grace Hopper
APAC
Pending
2023
$21
5
2024-02-14
Linus Torvalds
Americas
Churned
2024
$58
6
2024-03-15
Margaret Hamilton
EMEA
Active
2022
$95
7
2024-04-16
Dennis Ritchie
APAC
Pending
2023
$132
8
2024-05-17
Barbara Liskov
Americas
Churned
2024
$169
9
2024-06-18
{ field: "name", pinned: "left", width: 180, resizable: true }
// or from the atom after mount:
grid.autoSizeColumns(["name", "region"]);