Grid Renderer | HtmlFlatGrid

Hide Input Configuration Show Input Configuration

YAML Schema Definition:

$schema: 'http://json-schema.org/draft-07/schema#'
definitions:
  City:
    type: object
    properties:
      Name:
        type: string
      Area:
        type: integer
    required:
      - Name
      - Area
  Coordinate:
    type: object
    properties:
      Latitude:
        type: number
      Longitude:
        type: number
    required:
      - Latitude
      - Longitude
  Fish:
    type: object
    properties:
      Name:
        type: string
      Length:
        type: integer
    required:
      - Name
      - Length
  River:
    type: object
    properties:
      Name:
        type: string
      Length:
        type: integer
      Fish:
        type: array
        items:
          $ref: '#/definitions/Fish'
    required:
      - Name
      - Length
  Mountain:
    type: object
    properties:
      Name:
        type: string
      Height:
        type: integer
      MountainCoordinate:
        $ref: '#/definitions/Coordinate'
      Rivers:
        type: array
        items:
          $ref: '#/definitions/River'
    required:
      - Name
      - Height
  Country:
    type: object
    properties:
      Name:
        type: string
      Area:
        type: integer
      Cities:
        type: array
        items:
          $ref: '#/definitions/City'
    required:
      - Name
      - Area
      - Cities
  Continent:
    type: object
    properties:
      Name:
        type: string
      Area:
        type: integer
      Countries:
        type: array
        items:
          $ref: '#/definitions/Country'
      Mountains:
        type: array
        items:
          $ref: '#/definitions/Mountain'
      Population:
        type: string
    required:
      - Name
      - Area
      - Countries
      - Mountains
type: object
properties:
  Continents:
    type: array
    items:
      $ref: '#/definitions/Continent'
required:
  - Continents

YAML Dataset:

Continents:
  - Name: Europe
    Area: 12345
    Countries:
      - Name: Hungary
        Area: 12345
        Cities:
          - Name: Budapest
            Area: 12345
          - Name: Debrecen
            Area: 12345
      - Name: Germany
        Area: 12345
        Cities:
          - Name: Berlin
            Area: 12345
          - Name: Hamburg
            Area: 12345
          - Name: Stuttgart
            Area: 12345
    Mountains:
      - Name: Mont Blanc
        Height: 12345
        MountainCoordinate:
          Latitude: 222.222
          Longitude: 321.321
      - Name: Zugspitze
        Height: 12345
        Rivers:
          - Name: Zugspitze River 1
            Length: 222
          - Name: Zugspitze River 2
            Length: 222
          - Name: Zugspitze River 3
            Length: 222
            Fish:
              - Name: Zugspitze River 3 Fish 1
                Length: 11
              - Name: Zugspitze River 3 Fish 2
                Length: 12
          - Name: Zugspitze River 4
            Length: 222
          - Name: Zugspitze River 5
            Length: 222
  - Name: North America
    Area: 12345
    Population: "NA 2"
    Countries:
      - Name: United States
        Area: 12345
        Cities:
          - Name: Chicago
            Area: 12345
          - Name: Los Angeles
            Area: 12345
      - Name: Canada
        Area: 12345
        Cities:
          - Name: Toronto
            Area: 12345
          - Name: Montreal
            Area: 12345
          - Name: Ottawa
            Area: 12345
    Mountains:
      - Name: Denali
        Height: 12345
      - Name: Mount Lucania
        Height: 12345
      - Name: Mount Elbert
        Height: 12345
        MountainCoordinate:
          Latitude: 123.123
          Longitude: 321.321
        Rivers:
          - Name: Mount Elbert River 1
            Length: 444
          - Name: Mount Elbert River 2
            Length: 333