Skip to content

Commit 459c224

Browse files
DanailHDanailH
committed
remaining demos
1 parent 1d8ba55 commit 459c224

38 files changed

+172
-0
lines changed

‎docs/src/pages/components/data-grid/accessibility/DensitySelectorGrid.tsx.preview

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<DataGrid
2+
{...data}
3+
components={{
4+
Toolbar: CustomToolbar,
5+
}}
6+
/>

‎docs/src/pages/components/data-grid/accessibility/DensitySelectorSmallGrid.tsx.preview

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<DataGrid
2+
{...data}
3+
density="compact"
4+
components={{
5+
Toolbar: CustomToolbar,
6+
}}
7+
/>

‎docs/src/pages/components/data-grid/columns/ColumnMenuGrid.tsx.preview

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<DataGrid {...data} disableColumnMenu />

‎docs/src/pages/components/data-grid/columns/ColumnOrderingGrid.tsx.preview

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<DataGridPro {...data} />

‎docs/src/pages/components/data-grid/columns/ColumnSelectorGrid.tsx.preview

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<DataGrid
2+
{...data}
3+
components={{
4+
Toolbar: GridToolbar,
5+
}}
6+
/>

‎docs/src/pages/components/data-grid/columns/RenderHeaderGrid.tsx.preview

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<DataGrid rows={rows} columns={columns} />

‎docs/src/pages/components/data-grid/components/CustomToolbarGrid.tsx.preview

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<DataGrid
2+
{...data}
3+
components={{
4+
Toolbar: CustomToolbar,
5+
}}
6+
/>

‎docs/src/pages/components/data-grid/components/ToolbarGrid.tsx.preview

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<DataGrid
2+
{...data}
3+
components={{
4+
Toolbar: GridToolbar,
5+
}}
6+
/>

‎docs/src/pages/components/data-grid/events/DoubleClickWithCtrlToEdit.tsx.preview

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<DataGrid
2+
onCellDoubleClick={(params, event) => {
3+
if (!event.ctrlKey) {
4+
event.defaultMuiPrevented = true;
5+
}
6+
}}
7+
{...data}
8+
/>

‎docs/src/pages/components/data-grid/export/ExportSelectorGrid.tsx.preview

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<DataGrid
2+
{...data}
3+
components={{
4+
Toolbar: CustomToolbar,
5+
}}
6+
/>

‎docs/src/pages/components/data-grid/filtering/DisableFilteringGrid.tsx.preview

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<DataGrid
2+
{...data}
3+
columns={data.columns.map((column) => ({
4+
...column,
5+
filterable: false,
6+
}))}
7+
/>

‎docs/src/pages/components/data-grid/filtering/FilterOperators.tsx.preview

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<DataGrid rows={data.rows} columns={columns} />

‎docs/src/pages/components/data-grid/filtering/MultiFilteringGrid.tsx.preview

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<DataGridPro
2+
{...data}
3+
filterModel={filterModel}
4+
onFilterModelChange={(model) => setFilterModel(model)}
5+
/>

‎docs/src/pages/components/data-grid/filtering/ServerFilterGrid.tsx.preview

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<DataGrid
2+
rows={rows}
3+
columns={columns}
4+
filterMode="server"
5+
onFilterModelChange={onFilterChange}
6+
loading={loading}
7+
/>

‎docs/src/pages/components/data-grid/layout/AutoHeightGrid.tsx.preview

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
<DataGrid autoHeight {...data} />
2+
<p>more content</p>

‎docs/src/pages/components/data-grid/layout/FixedSizeGrid.tsx.preview

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<div style={{ height: 350, width: '100%' }}>
2+
<DataGrid {...data} />
3+
</div>

‎docs/src/pages/components/data-grid/layout/FlexLayoutGrid.tsx.preview

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<div style={{ display: 'flex', height: '100%' }}>
2+
<div style={{ flexGrow: 1 }}>
3+
<DataGrid {...data} />
4+
</div>
5+
</div>

‎docs/src/pages/components/data-grid/localization/CustomLocaleTextGrid.tsx.preview

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<DataGrid
2+
{...data}
3+
localeText={{
4+
toolbarDensity: 'Size',
5+
toolbarDensityLabel: 'Size',
6+
toolbarDensityCompact: 'Small',
7+
toolbarDensityStandard: 'Medium',
8+
toolbarDensityComfortable: 'Large',
9+
}}
10+
components={{
11+
Toolbar: GridToolbar,
12+
}}
13+
/>

‎docs/src/pages/components/data-grid/overview/DataGridDemo.tsx.preview

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<DataGrid
2+
rows={rows}
3+
columns={columns}
4+
pageSize={5}
5+
rowsPerPageOptions={[5]}
6+
checkboxSelection
7+
disableSelectionOnClick
8+
/>

‎docs/src/pages/components/data-grid/overview/DataGridProDemo.tsx.preview

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<DataGridPro
2+
{...data}
3+
loading={data.rows.length === 0}
4+
rowHeight={38}
5+
checkboxSelection
6+
disableSelectionOnClick
7+
/>

‎docs/src/pages/components/data-grid/pagination/200PaginationGrid.tsx.preview

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<DataGridPro pagination pageSize={200} rowsPerPageOptions={[200]} {...data} />

‎docs/src/pages/components/data-grid/pagination/AutoPaginationGrid.tsx.preview

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<DataGrid autoPageSize pagination {...data} />

‎docs/src/pages/components/data-grid/pagination/BasicPaginationGrid.tsx.preview

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<DataGrid pagination {...data} />

‎docs/src/pages/components/data-grid/pagination/ControlledPaginationGrid.tsx.preview

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<DataGrid
2+
page={page}
3+
onPageChange={(newPage) => setPage(newPage)}
4+
pageSize={5}
5+
rowsPerPageOptions={[5]}
6+
pagination
7+
{...data}
8+
/>

‎docs/src/pages/components/data-grid/pagination/SizePaginationGrid.tsx.preview

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<DataGrid
2+
pageSize={pageSize}
3+
onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}
4+
rowsPerPageOptions={[5, 10, 20]}
5+
pagination
6+
{...data}
7+
/>

‎docs/src/pages/components/data-grid/rows/ApiRefRowsGrid.tsx.preview

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<DataGridPro rows={rows} columns={columns} apiRef={apiRef} />

‎docs/src/pages/components/data-grid/rows/DenseHeightGrid.tsx.preview

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<DataGrid rowHeight={25} {...data} />

‎docs/src/pages/components/data-grid/selection/CheckboxSelectionGrid.tsx.preview

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<DataGrid checkboxSelection {...data} />

‎docs/src/pages/components/data-grid/selection/ControlledSelectionGrid.tsx.preview

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<DataGrid
2+
checkboxSelection
3+
onSelectionModelChange={(newSelectionModel) => {
4+
setSelectionModel(newSelectionModel);
5+
}}
6+
selectionModel={selectionModel}
7+
{...data}
8+
/>

‎docs/src/pages/components/data-grid/selection/DisableClickSelectionGrid.tsx.preview

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<DataGrid checkboxSelection disableSelectionOnClick {...data} />

‎docs/src/pages/components/data-grid/selection/DisableRowSelection.tsx.preview

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<DataGrid
2+
{...data}
3+
isRowSelectable={(params: GridRowParams) => params.row.quantity > 50000}
4+
checkboxSelection
5+
/>

‎docs/src/pages/components/data-grid/selection/SingleRowSelectionGrid.tsx.preview

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<DataGrid {...data} />

‎docs/src/pages/components/data-grid/sorting/BasicSortingGrid.tsx.preview

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<DataGrid
2+
{...data}
3+
sortModel={sortModel}
4+
onSortModelChange={(model) => setSortModel(model)}
5+
/>

‎docs/src/pages/components/data-grid/sorting/ComparatorSortingGrid.tsx.preview

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<DataGrid
2+
sortModel={sortModel}
3+
rows={rows}
4+
columns={columns}
5+
onSortModelChange={(model) => setSortModel(model)}
6+
/>

‎docs/src/pages/components/data-grid/sorting/DisableSortingGrid.tsx.preview

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<DataGrid
2+
{...data}
3+
columns={data.columns.map((column) => ({
4+
...column,
5+
sortable: false,
6+
}))}
7+
/>

‎docs/src/pages/components/data-grid/sorting/MultiSortingGrid.tsx.preview

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<DataGridPro
2+
{...data}
3+
sortModel={sortModel}
4+
onSortModelChange={(model) => setSortModel(model)}
5+
/>

‎docs/src/pages/components/data-grid/sorting/OrderSortingGrid.tsx.preview

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<DataGrid
2+
sortingOrder={['desc', 'asc']}
3+
sortModel={sortModel}
4+
onSortModelChange={(model) => setSortModel(model)}
5+
{...data}
6+
/>

‎docs/src/pages/components/data-grid/style/StylingHeaderGrid.tsx.preview

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<DataGrid rows={rows} columns={columns} />

0 commit comments

Comments
 (0)