Caa DataGrid

DataGrid for Framer

Bring structured data into your Framer projects with a flexible and feature-rich grid component. Whether you’re displaying static JSON data or fetching from an API, this DataGrid makes it simple to present and manage tabular content.

🔑 Key Features

• Dynamic Headers & Columns – Configure headers, columns, and rows using JSON.

• API Integration – Provide a url to fetch data directly from your backend.

• Column Selection – Choose which columns and headers to display with selectedColumns and selectedColumnHeaders.

• Responsive Layout – Control width and height, defaulting to 100% for adaptive sizing.

• Pagination – Set a pageSize to manage large datasets smoothly.

• Export Options – Export your data instantly to CSV or Excel.

• Custom Styling – Toggle gridlines, enable striped rows, and adjust size for compact or spacious views.

See live: https://caa-datagrid.framer.website/

📊 Perfect For

• Dashboards

• Admin panels

• Data-driven web apps

• Interactive reports

• Prototypes that need real, structured datasets

With its rich customization options, DataGrid is the ideal choice when you need to showcase complex datasets directly inside your Framer projects.