@methodexists/me-grid NPM

me-grid

Grid component to represent data handled by me-core.

Usage

Use <Grid /> component inside <ListProvider /> to present data from a model.

Minimal

<ListProvider
  namespace="users"
  table="users"
>
  <Grid
    routePath="/users"
    namespace="users"
    columns={[{
      keyPath: 'username',
    }, {
      keyPath: 'name',
    }]}
  />
</ListProvider>

Assumes that app state has schemas.users populated by Schemas model and lists.users populated by Lists model. <ListProvider /> does this job seamlessly.

API

`<Grid />` props

Prop	Type	Default	Description
`*`routePath	string
`*`namespace	string
`*`columns	array
primaryKey	string	`'id'`
showEdit	bool	`true`
showDelete	bool	`false`
afterDelete	func(id)	`undefined`	Will be called after successfull delete. Deleted record `id` passed as a param
link	func	`undefined`
size	string	`'default'`