I have come across a variety of npm packages like x-render and react-jsonschema-form that are useful for creating forms, but I am looking to edit data in a table UI. Here is an example:
{
$schema: 'http://json-schema.org/draft-04/schema#',
title: 'json schema',
type: 'object',
properties: {
taskId: {
type: 'string',
title: 'taskId',
},
description: {
type: 'string',
title: 'description',
}
},
required: ['taskId'],
}
Here is how the UI looks like https://i.sstatic.net/ZKdCJ.png
If the image does not load here is the equivalent representation:
title | type | description | required
taskId | string | xxxxxxxxxxx | true
description | string | xxxxxxxxxxx | false