@dccs/react-datagrid-plain
TypeScript icon, indicating that this package has built-in type declarations

3.0.0 • Public • Published

react-datagrid-plain · travis build npm version

A light datagrid build upon react-table-mui for React.

Installation

You should install react-datagrid-plain with npm or yarn:

npm install @dccs/react-datagrid-plain
or
yarn add @dccs/react-datagrid-plain

This command will download and install react-datagrid-plain

How it works

react-datagrid-plain uses:

react-datagrid-plain is designed to do all the paging and sorting for you. You only provide the onLoadData callback, that returns the data as a Promise<{data: any[], total: number}> (paging needs total to provide the maximal number pages).

Here is an example:

<DataGridPlain
  colDef={[
    { prop: "id", header: "Id" },
    { prop: "display_name", header: "Full name", sortable: true }
  ]}
  onLoadData={(page, rowsPerPage, orderBy, desc) =>
    fetch(url /* with querystring params */)
      .then(resp => resp.json())
      .then(resp => ({ data: resp.data, total: resp.total }))
  }
/>

Inside the onLoadData you can use whatever Http library you want. That way it is possible to append i.e. authorization tokens, custom http headers, ...

onLoadData can provide data from every source. Server, client, rest, GraphQL, ... react-datagrid-mui does not care.

Package Sidebar

Install

npm i @dccs/react-datagrid-plain

Weekly Downloads

19

Version

3.0.0

License

MIT

Unpacked Size

50.7 kB

Total Files

32

Last publish

Collaborators

  • dccsit