List view

Grid display information as a list.


Usage

import { ItsyGrid } from '@itsy-ui/data';

const gridSchema = {
  "id": "food-items",
  "displayName": "Food items",
  "viewAttributes": {
    "attributes": {
      "listType": "simpleHorizontal",
      "primary": "id",
      "secondary": "description"
    }
  },
  "propertyDefinitions": {
    "id": {
      "id": "title",
      "propertyType": "string",
      "ui:widget": "string"
    },
    "description": {
      "id": "description",
      "propertyType": "string",
      "ui:widget": "string"
    }
  }
}

const schema = {
		typeId: "food_items",
		gridSchema: gridSchema,
    gridViewType: "List",
};

<ItsyGrid className="grid" schema={schema} />


API

name type default description
className String additional class name of root node.
style Object {} Inline style object
schema Object {} Schema which contains information to be displayed.



Compatibility

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Electron
Electron
Edge last 2 versions last 2 versions last 2 versions last 2 versions