Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/collective/volto-data-grid-widget
Widget for data grid fields
https://github.com/collective/volto-data-grid-widget
Last synced: 4 days ago
JSON representation
Widget for data grid fields
- Host: GitHub
- URL: https://github.com/collective/volto-data-grid-widget
- Owner: collective
- License: mit
- Created: 2022-01-19T08:22:16.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-03-01T14:07:55.000Z (11 months ago)
- Last Synced: 2024-12-22T18:47:17.113Z (21 days ago)
- Language: JavaScript
- Size: 354 KB
- Stars: 0
- Watchers: 9
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome-volto - volto-data-grid-widget - A field to edit lists of data in a data-grid like fashion. Please note that Volto ships already with a widget for "lists of data", the ObjectListWidget, which uses an accordion for the list. (Addons / Widgets)
README
# volto-data-grid-widget
Widget for data grid fields
Install with mrs-developer (see [Volto docs](https://docs.voltocms.com/customizing/add-ons/)) or with:
```bash
yarn add volto-data-grid-widget
```
## Features
This addon will add in your project the Widget to edit Data Grid fields.
It displays fields based on field schema.
### Field schema example
```jsx
{
fieldsets: [
{
id: 'default',
title: 'Default',
fields: ['person', 'email', 'phone'],
},
],
properties: {
person: {
title: 'Person',
widget: 'object_browser',
mode: 'link',
allowExternals: false,
widgetOptions: {
pattern_options: {
selectableTypes: ['Persona'],
maximumSelectionSize: 1,
},
},
},
email: { title: 'E-mail', type: 'email' },
phone: { title: 'Phone' },
},
required: [],
};
```
#### Other options
These options can be added in the `frontendOptions` of the widget when defining the schema in the backend.
| Option | Default value |
| --------------- | ------------- |
| `allow_delete` | `true` |
| `allow_insert` | `true` |
| `allow_reorder` | `false` |