Overview
📘 Download
A lightweight and customizable React data grid component designed for high performance and ease of use.
📥 Installation
Using npm:
npm install react-data-grid-lite
Using Yarn:
yarn add react-data-grid-lite
Using pnpm:
pnpm add react-data-grid-lite
🌐 CDN
<script src="https://unpkg.com/react-data-grid-lite@latest/dist/index.esm.js"></script>
Or with CommonJS:
<script src="https://unpkg.com/react-data-grid-lite@latest/dist/index.cjs.js"></script>
🔗 Direct Downloads
🛠️ Usage
import React from 'react';
import DataGrid from 'react-data-grid-lite';
const columns = [
{ name: 'id', width:'50px' },
{ name: 'name', alias:'Full Name' },
{ name: 'age' }
];
const rows = [
{ id: 1, name: 'John Doe', age: 28 },
{ id: 2, name: 'Jane Smith', age: 34 }
];
function App() {
return (
<DataGrid columns={columns} data={rows} />
);
}
export default App;
Or with CommonJS:
const DataGrid = require('react-data-grid-lite');