Parqui (grid only)
Use Parqui with showToolbar={false} and allowOpen={false} for a lower-level data grid. Renders the table with virtual scrolling, column headers, filtering, sorting, and search — without the toolbar or file drop zone.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
source | File | ArrayBuffer | string | ParquetSource | — | Parquet data source. Supports File, in-memory ArrayBuffer, URL string, or custom ParquetSource. |
columns | string[] | all | Columns to display from the Parquet schema. |
onMetadataLoad | (metadata: ParquetMetadata) => void | — | Called when file metadata is parsed. Receives row count, column definitions, etc. |
className | string | — | CSS class for the outer container. |
style | React.CSSProperties | — | Inline styles for the outer container. |
Data source: Pass a single source value as File, ArrayBuffer, URL string, or custom ParquetSource. If no source is provided, the component renders a placeholder.
Custom layout with drag-and-drop
Load from a user-selected File:
Loading...
Load from URL
Pass a URL string directly as source:
Loading...
Load from ArrayBuffer
Fetch a Parquet file and pass binary data as source:
Loading...
Load from ParquetSource
Use a custom random-access source object when data comes from a custom backend:
Loading...
Columns subset
Limit visible columns using columns. Example below keeps only model and mpg:
Loading...