react-open-source-grid 1.5.7 → 1.5.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -5
- package/dist/assets/{index-bQ7aqGuU.js → index-Biu8ZTwF.js} +12 -12
- package/dist/assets/index.js +1 -1
- package/dist/assets/{layoutPersistence-B2lMGbE7.js → layoutPersistence-sdchKRA3.js} +1 -1
- package/dist/index.html +1 -1
- package/dist/lib/components/DemoGridPage.d.ts +1 -1
- package/package.json +1 -1
- package/dist/assets/components/HomePage.d.ts +0 -1
package/README.md
CHANGED
|
@@ -41,8 +41,8 @@ Open http://localhost:5173 to see the demo.
|
|
|
41
41
|
## Usage
|
|
42
42
|
|
|
43
43
|
```tsx
|
|
44
|
-
import { DataGrid } from '
|
|
45
|
-
import type { Column, Row } from '
|
|
44
|
+
import { DataGrid } from 'react-open-source-grid';
|
|
45
|
+
import type { Column, Row } from 'react-open-source-grid';
|
|
46
46
|
|
|
47
47
|
const columns: Column[] = [
|
|
48
48
|
{ field: 'id', headerName: 'ID', width: 70 },
|
|
@@ -170,7 +170,7 @@ export default defineConfig([
|
|
|
170
170
|
For large datasets (50,000+ rows, 200+ columns), enable virtual scrolling:
|
|
171
171
|
|
|
172
172
|
```tsx
|
|
173
|
-
import { DataGrid, VirtualScrollConfig } from '
|
|
173
|
+
import { DataGrid, VirtualScrollConfig } from 'react-open-source-grid';
|
|
174
174
|
|
|
175
175
|
const virtualConfig: VirtualScrollConfig = {
|
|
176
176
|
enabled: true,
|
|
@@ -202,7 +202,7 @@ const virtualConfig: VirtualScrollConfig = {
|
|
|
202
202
|
For massive datasets (100M+ rows), use server-side infinite scrolling:
|
|
203
203
|
|
|
204
204
|
```tsx
|
|
205
|
-
import { InfiniteScrollDataGrid, ServerSideDataSource } from '
|
|
205
|
+
import { InfiniteScrollDataGrid, ServerSideDataSource } from 'react-open-source-grid';
|
|
206
206
|
|
|
207
207
|
// Create data source
|
|
208
208
|
const dataSource = new ServerSideDataSource({
|
|
@@ -269,7 +269,7 @@ Response:
|
|
|
269
269
|
Choose from **10 beautiful pre-built themes** to match your application's design:
|
|
270
270
|
|
|
271
271
|
```tsx
|
|
272
|
-
import { DataGrid, ThemeSelector } from '
|
|
272
|
+
import { DataGrid, ThemeSelector } from 'react-open-source-grid';
|
|
273
273
|
import type { ThemeName } from './components/DataGrid/themes';
|
|
274
274
|
|
|
275
275
|
function App() {
|