Skip to content

Conversation

@emilyjablonski
Copy link
Collaborator

@emilyjablonski emilyjablonski commented Dec 4, 2025

This PR addresses #(insert-number-here)

  • Addresses the issue in full
  • Addresses only certain aspects of the issue

Description

We are 8 major versions behind on ag-grid, and they seem best suited to complex tables that need to be highly performant. It comes with lots of cool features but they can be harder to adjust. It is, relatively in our ecosystem, a massive package.

This PR creates a new DataTable component using TanStack Table and transitions just the listings page to use the DataTable component instead of the AgGrid component from UIC. TanStack Table is headless and very lightweight. The documentation was excellent and it was very easy to setup.

I know we chatted about the potential of moving off Next, and after this exploration I think TanStack Start is a really intriguing option. I'm also exploring TanStack Form!

How Can This Be Tested/Reviewed?

These are the main pieces of functionality in the listings table to test:

  1. Pagination
  2. Sorting
  3. Page size
  4. Search
  5. Loading state

Author Checklist:

  • Added QA notes to the issue with applicable URLs
  • Reviewed in a desktop view
  • Reviewed in a mobile view
  • Reviewed considering accessibility
  • Added tests covering the changes
  • Made corresponding changes to the documentation
  • Ran yarn generate:client and/or created a migration when required

Review Process:

  • Read and understand the issue
  • Ensure the author has added QA notes
  • Review the code itself from a style point of view
  • Pull the changes down locally and test that the acceptance criteria is met
  • Either (1) explicitly ask a clarifying question, (2) request changes, or (3) approve the PR, even if there are very small remaining changes, if you don't need to re-review after the updates

@netlify
Copy link

netlify bot commented Dec 4, 2025

Deploy Preview for partners-bloom-dev ready!

Name Link
🔨 Latest commit 8000124
🔍 Latest deploy log https://app.netlify.com/projects/partners-bloom-dev/deploys/6931f0ab88e4f500081db5c4
😎 Deploy Preview https://deploy-preview-5669--partners-bloom-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Dec 4, 2025

Deploy Preview for bloom-public-seeds ready!

Name Link
🔨 Latest commit 22f12ef
🔍 Latest deploy log https://app.netlify.com/projects/bloom-public-seeds/deploys/6931e80443ec3a00081b6ac0
😎 Deploy Preview https://deploy-preview-5669--bloom-public-seeds.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Dec 4, 2025

Deploy Preview for bloom-exygy-dev ready!

Name Link
🔨 Latest commit 22f12ef
🔍 Latest deploy log https://app.netlify.com/projects/bloom-exygy-dev/deploys/6931e8049a20780008721fe3
😎 Deploy Preview https://deploy-preview-5669--bloom-exygy-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Dec 4, 2025

Deploy Preview for bloom-flagly canceled.

Name Link
🔨 Latest commit 8000124
🔍 Latest deploy log https://app.netlify.com/projects/bloom-flagly/deploys/6931f0aba00b9700076e0646

@netlify
Copy link

netlify bot commented Dec 4, 2025

Deploy Preview for bloom-angelopolis canceled.

Name Link
🔨 Latest commit 8000124
🔍 Latest deploy log https://app.netlify.com/projects/bloom-angelopolis/deploys/6931f0ab132c1e0007a9419f

@netlify
Copy link

netlify bot commented Dec 4, 2025

Deploy Preview for bloom-lakeview ready!

Name Link
🔨 Latest commit 22f12ef
🔍 Latest deploy log https://app.netlify.com/projects/bloom-lakeview/deploys/6931e8040755d0000859ebda
😎 Deploy Preview https://deploy-preview-5669--bloom-lakeview.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants