Skip to contentSkip to navigationSkip to topbar
Paste DSys

Data Grid

Version 9.0.2GithubDesign assets pendingPeer review pending

A data grid is an interactive table used for working with a large collection of data in a scannable way.

@twilio-paste/data-grid

9.0.2

Patch Changes

  • 986703e4a #4291 Thanks @krisantrobus! - [DataGridCell] reworked the click events triggered to allow interactive elements to correctly pull focus

9.0.1

Patch Changes

  • 262c1b715 #4281 Thanks @PixeledCode! - [all packages]: add use client directive to the components and icons. This will make paste library compatible with server components

9.0.0

Major Changes

  • f48211e56 #4258 Thanks @PixeledCode! - [all packages]: Upgrade to React 19 and drop support for React 16. Paste only supports the three latest versions of React. If you're using Paste in a React 17, 18, or 19 app, you should be able to upgrade with full backwards compatibility. If you experience any issues, please let us know on Github.

Patch Changes

8.3.1

Patch Changes

  • 27b9e89ea #3757 Thanks @TheSisb! - [Table, DataGrid] Fix regression that broke noWrap prop on Table and DataGrids.

8.3.0

Minor Changes

  • 22a917aed #3740 Thanks @TheSisb! - [Table, DataGrid] Allow passing whiteSpace style prop to Th/DataGridHeader and Td/DataGridCell components.

8.2.1

Patch Changes

8.2.0

Minor Changes

  • 3f6e05d10 #3541 Thanks @nkrantz! - [Data Grid] Add ability to override default "grid" role to be "treegrid" for making custom tree grid components using Data Grid. "treegrid" is the only valid type that can be passed to role.

Patch Changes

  • bc51057db #3545 Thanks @SiTaggart! - [Data Grid] Fix issue where form elements in the data-grid that immediately re-render on mount cause the tabIndex management system to faulter.
  • a684a6bc7 #3516 Thanks @abereghici! - chore(data-grid): change isCell function into a type guard and remove unnecessary type assertions

8.1.0

Minor Changes

  • b8d79200b #3442 Thanks @TheSisb! - Removed all run-time prop-type checkingfrom Paste components. Paste now ships with only TypeScript types.

    ACTION NEEDED: None. This should be 100% backwards compatible.

Patch Changes

8.0.0

Major Changes

  • 733709127 #3395 Thanks @SiTaggart! - Modified the compile target of our JavaScript bundles from node to browser to minimize the risk of clashing with RequireJS. This is marked as a major out of an abundance of caution. You shouldn't need to do anything but we wanted you to be aware of the change on the off chance it has unintended consequences

Patch Changes

7.0.1

Patch Changes

7.0.0

Major Changes

  • 3ab2bb6f4 #3114 Thanks @SiTaggart! - ### Breaking change

    We have moved @types/react and @types/react-dom to peer dependencies of the library. This should allow for greater control and backwards compatibility with older versions of React as Paste is no longer bundling the type libraries.

    Your application likely has both of these as dependencies anyway, but it is now up to you to manage that version number.

    Action needed

    Ensure @types/react and @types/react-dom are installed as dependencies of your application.

Patch Changes

6.0.0

Major Changes

  • d97098846 #3020 Thanks @SiTaggart! - This major version included listing all the missing peer dependencies for each Paste package.

    If you are using a package from Paste in isolation from Core, when upgrading to this latest version, be sure to correctly install all the missing peer dependencies.

Patch Changes

5.0.2

Patch Changes

5.0.1

Patch Changes

5.0.0

Patch Changes

4.1.0

Minor Changes

  • 7e75f8119 #2574 Thanks @SiTaggart! - [table, data-grid] adding sticky header functionality to both the Table and Data Grid components

4.0.0

Patch Changes

3.0.2

Patch Changes

  • ae9dd50f #2466 Thanks @TheSisb! - [All packages] Update our ESBuild version and remove minification of identifiers in our production builds.

3.0.1

Patch Changes

  • 9983b52e9 #2419 Thanks @gloriliale! - [Combobox, Data grid, Color contrast utils, Customization, Design tokens, Icons, Style props, Token contrast checker, Types, Utils, Website] Consolidate and update lodash dependencies and the way lodash is imported in our files, per lodash's guidance. Details: https://lodash.com/per-method-packages

3.0.0

Patch Changes

2.0.0

Patch Changes

1.1.0

Minor Changes

  • b1359c95e #2307 Thanks @SiTaggart! - [Data grid]: inherit more things from the base table component, including the new responsive and no line wrapping behaviours for better table rendering options.

1.0.2

Patch Changes

  • 73c596919 #2269 Thanks @SiTaggart! - Fixed a regression with the compilation script that caused incompatible ESM module importing of JSON files.

1.0.1

Patch Changes

  • c867e3f48 #2237 Thanks @SiTaggart! - Updated a build dependency (esbuild) which changes the output of our builds slightly, without materially changing anything about the code.

1.0.0

Patch Changes

0.2.1

Patch Changes

0.2.0

Minor Changes

  • ad741d15a #2025 Thanks @nkrantz! - [Data-Grid] Add textAlign prop to DataGridCell for aligning cells and columns to the right.

0.1.1

Patch Changes

  • 8f83a25d #1990 Thanks @TheSisb! - [Data Grid] Fixed broken 'striped' prop so it correctly toggles zebra striping on rows.
  • b7675915 #1985 Thanks @TheSisb! - For debugging purposes we now ship a filename.debug.js unminified version of each component or library in Paste.

0.1.0

Minor Changes

  • 9adf3edd #1893 Thanks @TheSisb! - Adding "@twilio-paste/data-grid", an accessible and responsive data grid component to Paste.