I’m looking for a data grid component that’s similar to what Notion and Airtable use in their table views. These grids are awesome. They have type-specific columns, can be resized, look great, and work super fast. Plus, they feel a lot like using Excel.
I’ve tried searching online, but I can’t find anything that matches up. Does anyone know if there’s a component out there (free or paid) that can do all this stuff? Or did Notion and Airtable build these from scratch?
I’m working on a project and would love to add something like this. Any suggestions would be really helpful!
hey there! have u checked out handsontable? its pretty rad for data grids, kinda like what ur lookin for. not exactly the same as notion/airtable but it’s got lots of features n can be customized. might be worth a shot for ur project. good luck!
As someone who’s worked on similar projects, I can tell you that building a data grid component like Notion or Airtable’s is no small feat. While there’s no exact off-the-shelf replica, I’ve had good experiences with React-Table. It’s highly flexible and can be styled to look quite sleek.
One thing to keep in mind is performance. These big tech companies have likely optimized their grids for handling large datasets efficiently. If you’re dealing with substantial amounts of data, you might need to implement virtualization.
Another option worth exploring is DataGrid from Material-UI. It’s not as feature-rich out of the box, but it provides a solid foundation that you can build upon.
Remember, achieving that Excel-like feel often requires a lot of custom work on top of any existing solution. Be prepared to invest time in fine-tuning the user experience to match your specific needs.
I’ve had success using AG Grid for similar requirements. It’s highly customizable and offers features like column resizing, filtering, and sorting out of the box. While not identical to Notion or Airtable, it’s powerful enough to build comparable functionalities. The learning curve can be steep, but the documentation is comprehensive. One caveat: the enterprise version with all bells and whistles isn’t free. However, the community edition still packs a punch for most use cases. If you’re comfortable with JavaScript, you might find it a solid option for your project.