Data Sources

Static JSON

Paste JSON arrays directly for quick prototyping without external data sources.

Paste a JSON array directly into the component's Items property. Useful for prototyping or displaying fixed datasets without an external data source.

ex:

[
  { "id": 1, "name": "Aarav Mehta", "email": "aarav.mehta@example.com", "role": "Admin" },
  { "id": 2, "name": "Diya Shah", "email": "diya.shah@example.com", "role": "Editor" },
  { "id": 3, "name": "Rohan Patel", "email": "rohan.patel@example.com", "role": "Viewer" },
  { "id": 4, "name": "Ishita Desai", "email": "ishita.desai@example.com", "role": "Manager" }
]

[
  { "id": 1, "name": "Aarav Mehta", "email": "aarav.mehta@example.com", "role": "Admin" },
  { "id": 2, "name": "Diya Shah", "email": "diya.shah@example.com", "role": "Editor" },
  { "id": 3, "name": "Rohan Patel", "email": "rohan.patel@example.com", "role": "Viewer" },
  { "id": 4, "name": "Ishita Desai", "email": "ishita.desai@example.com", "role": "Manager" }
]

[
  { "id": 1, "name": "Aarav Mehta", "email": "aarav.mehta@example.com", "role": "Admin" },
  { "id": 2, "name": "Diya Shah", "email": "diya.shah@example.com", "role": "Editor" },
  { "id": 3, "name": "Rohan Patel", "email": "rohan.patel@example.com", "role": "Viewer" },
  { "id": 4, "name": "Ishita Desai", "email": "ishita.desai@example.com", "role": "Manager" }
]

CSV File

REST API