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.