Releases: Jielga/TMDataGrid
Release list
v0.3.0
Minor Changes
-
#7
254709dThanks @Psvensso! - Filter panel: a "Filters" header with a close button, Escape and a click outside
to dismiss, and a "Clear all" next to "Add filter", which is now disabled once
every filterable column has a filter.New
TMDataGrid.FilterPills(also exported asTMDataGridFilterPills) — one
pill per active filter,First name: Sofia ✕, with the ✕ clearing that filter
and a click on the label reopening the panel on its column. It takes the grid as
anapiprop instead of reading context, so it can be rendered outside the
grid.formatFilterLabelis exported for building your own. -
#6
9f39544Thanks @Psvensso! - AddrowContextMenutoTMDataGrid.Table: a render prop that fills a Mantine
Menuthe grid opens at the pointer on a right-click or long press. It receives
{ table, row, cell, close }, and returningnullleaves a row without a menu.
rowContextMenuPropspasses through to theMenu. The open row carries
data-context-menu. -
#7
040e4b3Thanks @Psvensso! - Row grouping. Group by X in any column menu collapses the rows into a tree;
the grouped column leaves the grid and a generated Group column takes its
place, pinned beside the checkbox lane, showing each group's value, its record
count and a chevron. Group from a second menu to nest. Ungroup lives on the
tree column's menu, and Expand/Collapse all groups in every column menu. On
by default, off undermanualPagination;enableGrouping: falsedisables it.Aggregation is opt-in — a group row is blank until a column declares an
aggregationFn. A group's checkbox selects every record under it at any depth,
and only the records reachrowSelection.groupingpersists with the settings
slices,expandedwith the data slices.Grouping suspends the built-in pager, which greys itself out rather than
disappearing: a page cannot count both rows and groups without stranding part of
the tree.isPagingActiveis exported for custom pagers.Also fixes a hidden column leaving an empty grid track behind, from the column
tracks being built from all leaf columns while the cells came from the visible
ones. -
#4
f947272Thanks @Psvensso! - AddselectionMode, replacingrowSelectionMode:"checkbox"(the default),
"row","checkboxAndHighlight"and"highlight". The last two introduce a
highlighted row — state of its own, so a checkbox multi-selection and a single
highlighted row can coexist for a detail panel. Row-click selection gains the
usual Ctrl/Shift modifiers, and the select-all box is dropped under
enableMultiRowSelection: false, where it selected every row.Breaking renames:
rowSelectionMode→selectionMode("checkbox"and"row"unchanged)highlightSelectedRows→showSelectedBackgrounddata-highlighted→data-selected-bg;data-highlightednow marks the
highlighted row- New
--dg-row-highlight-bgalongside--dg-row-selected-bg
Patch Changes
v0.2.0
Minor Changes
-
c98a857Thanks @Psvensso! - Make pagination opt-in viaenablePagination(implied bymanualPagination);
by default all rows render, virtualized.TMDataGrid.Footergains a
paginationrender prop for custom pagers. -
c98a857Thanks @Psvensso! - AddrowSelectionMode."checkbox"(the default) keeps the checkbox column;
"row"drops it and toggles a row on click.highlightSelectedRowscontrols
the selected-row background and follows the mode. Fixes the selection
checkboxes not re-rendering when a row was selected.
Patch Changes
20c68eeThanks @Psvensso! - Debounce persistence writes so a column resize no longer writes to storage on
every pointer move, and drop restored state that fails a shape check instead of
feeding it to the table. The footer's page-size Select now keeps a current size
that is not inpageSizeOptionsrather than rendering blank, and headers expose
aria-sortalongsidearia-rowcount/aria-colcount/aria-rowindexon the
virtualized grid.
v0.1.0
Minor Changes
-
e8090a4Thanks @Psvensso! - Add column reordering. Drag a header to move a column, or move it a step at a
time from the column menu. Order is respected per pinned region and persists
through thecolumnOrderslice. -
280baf8Thanks @Psvensso! - Ship agent skills with the package via TanStack Intent. Five skills under
skills/— getting started, columns, options, features and server-side data —
are published in the tarball, so coding agents read current guidance for the
installed version straight fromnode_modulesinstead of relying on whatever
their training data happened to include.