@methodexists/me-grid

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'

columns props

Prop	Type	Description
*keyPath	string
link	bool
render	func

Also supports Ant Design Table column props

Contributing

See CONTRIBUTING.md for how to develop a component.