0.1.56 • Published 30 days ago

@copart/data-grid v0.1.56

Weekly downloads
-
License
ISC
Repository
github
Last release
30 days ago

N.B.

Install homebrew, and ASDF for Node versioning.

  • install:asdf
  • install:asdf-node

  • asdf list all nodejs (To list all versions of Node available.)

  • asdf install to install the version of Node, mentioned in .tool-versions file.

Copart MUI Data Grid

Introduction

MUI Data Grid Pro built using React for Copart applications

Props

NameTypeRequiredDefaultDescription
columnMetadataArrayYes[]Column metadata used for the data grid
resultsArrayYes[]Array of results to be shown in the data grid
rowCountNumberYes0Total row count value
apiRef{ current: object }No{}The ref object that allows grid manipulation.
Can be instantiated with useGridApiRef().
rowHeightNumberNo52Sets the height in pixel of a row in the grid.
checkboxSelectionBooleanNofalseIf true, the grid get a first column with a checkbox
that allows to select rows.
onRowClickFunctionNo() => {}Callback fired when a row is clicked.
disableRowSelectionOnClickBooleanNofalseIf true, the selection on click on a row or cell is
disabled.
density('comfortable' | 'compact' | 'standard')NostandardSet the density of the grid.
loadingbooleanNofalseIf true, a loading overlay is displayed.
placeholderSearchTextStringNoSearchPlaceholder text for the search field
onSearchFunctionNo() => {}Callback fired when the value of search field changes.
showToolbarBooleanNofalseIf true, the toolbar on top of the grid will be shown.
hideFooterBooleanNofalseIf true, the footer component is hidden.
paginationBooleanNofalseIf true, pagination is enabled.
pageNumberNumberNo0Page Number of the current grid data.
pageSizeNumberNo20Size of the page (Rows per page) of the current data grid.
sortModelArray<{ field: string, sort?: 'asc' | 'desc' }>No[]Set the sort model of the grid.
onSortColumnFunctionNo() => {}Callback fired when a column is sorted.
onPaginationChangeFunctionNo() => {}Callback fired when the pagination model has changed.
footerActionsContainerFunctionNo() => <></>Function that returns a React element for the Footer Actions container (without the pagination).
toolbarCustomComponentFunctionNo() => {}Function that returns a React element for the Toolbar container (without the search field and counts).

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run start
# or
yarn start
# or
pnpm start

Open http://localhost:5001 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

0.1.56

30 days ago

0.1.55

1 month ago

0.1.52

1 month ago

0.1.53

1 month ago

0.1.54

1 month ago

0.1.51

2 months ago

0.1.51-alpha.1

2 months ago

0.1.49-alpha.4

2 months ago

0.1.49-alpha.3

2 months ago

0.1.50

3 months ago

0.1.49-alpha.2

3 months ago

0.1.49-alpha.1

3 months ago

0.1.49-alpha.0

3 months ago

0.1.49

4 months ago

0.1.48

5 months ago

0.1.41

6 months ago

0.1.23-alpha.5

10 months ago

0.1.42

6 months ago

0.1.23-alpha.6

10 months ago

0.1.43

6 months ago

0.1.23-alpha.7

9 months ago

0.1.44

6 months ago

0.1.23-alpha.8

9 months ago

0.1.45

6 months ago

0.1.23-alpha.1

10 months ago

0.1.46

6 months ago

0.1.23-alpha.2

10 months ago

0.1.47

6 months ago

0.1.23-alpha.3

10 months ago

0.1.23-alpha.4

10 months ago

0.1.23-alpha.9

9 months ago

0.1.40

6 months ago

0.1.38

6 months ago

0.1.39

6 months ago

0.1.30

7 months ago

0.1.31

7 months ago

0.1.32

7 months ago

0.1.33

7 months ago

0.1.34

7 months ago

0.1.35

7 months ago

0.1.36

7 months ago

0.1.37

7 months ago

0.1.29-alpha.0

7 months ago

0.1.27

7 months ago

0.1.28

7 months ago

0.1.29

7 months ago

0.1.22

10 months ago

0.1.23

10 months ago

0.1.39-alpha.1

6 months ago

0.1.24

10 months ago

0.1.25

8 months ago

0.1.26

7 months ago

0.1.23-alpha.15

8 months ago

0.1.23-alpha.14

8 months ago

0.1.23-alpha.11

8 months ago

0.1.23-alpha.10

9 months ago

0.1.23-alpha.13

8 months ago

0.1.23-alpha.12

8 months ago

0.1.20

11 months ago

0.1.21

11 months ago

0.1.10

12 months ago

0.1.11

12 months ago

0.1.12

12 months ago

0.1.13

12 months ago

0.1.14

12 months ago

0.1.15

11 months ago

0.1.16

11 months ago

0.1.8

12 months ago

0.1.17

11 months ago

0.1.7

1 year ago

0.1.18

11 months ago

0.1.19

11 months ago

0.1.9

12 months ago

0.1.6

1 year ago

0.1.5

1 year ago

0.1.4

1 year ago

0.1.3

1 year ago

0.1.2

1 year ago

0.1.1

1 year ago

0.1.0

1 year ago