General

Tables can be used to illustrate several entities in tabular form. A table is maintained like a component in a tab or in a field.

"title": "{{{Field.Material.Exemplar}}}",
"iconName": "exclamation-square",
"visible": "!entity.IsNew",
"moduleName": "app/parts/partsCSGrid"

You can find more information in the documentation of the Kendo-Grids.

Properties

The properties of the table can be specified as an object under "objects". It must be noted that within the component the properties are passed to the grid itself.

Properties of the grid

Properties	Description
sortable	This property determines whether the grid is sortable, i.e. whether the columns can be sorted alphabetically, for example.
pageable	Specifies whether the grid should spread the entries over several pages or whether everything should be shown on one page.
groupable	Specifies whether the grid can be sorted by individual columns.
filterable	If this property is set to "true", parameters can be set within the grid that allow the grid to be filtered.
selectable	If the rows in the grid are to be selectable or if the focus is to be placed on a row when it is clicked, this property must be set to "true".
resizable	Specifies whether the user may change the width of the individual columns.
scrollable	Indicates whether it is possible to scroll if there are several entries.
columns	Specifies the properties and order of the collums.

Properties of the columns

Properties	Description
field	Here you specify which property of the entities should be stored in this column. The field "MobileTemplate" is reserved for the template that is displayed on smartphones, tablets and very small screens.
title	Here you specify the column heading. Translations can also be entered here.
width	The width of the column
template	Templates can be used to edit the design of the respective column. The template can also be stored as a string array. You can find more information about the templates here.

Example

"name": "vacationListGridOptions",
        "data": {
          "sortable": true,
          "pageable": true,
          "groupable": false,
          "filterable": false,
          "selectable": true,
          "resizable": true,
          "scrollable": true,
          "columns": [
            {
              "field": "STARTIST",
              "title": "{{{Auftrag.Start}}}",
              "width": 125,
              "template": "#= kendo.toString(kendo.parseDate(STARTIST), 'd') #"
            },
            {
              "field": "ENDEIST",
              "title": "{{{Auftrag.Ende}}}",
              "width": 125,
              "template": "#= kendo.toString(kendo.parseDate(ENDEIST), 'd') #"
            },
            {
              "field": "TAGE",
              "title": "{{{Standard.Tage}}}",
              "width": 125
            },
            {
              "field": "GEPLANT",
              "title": "{{{WebSMS.Vacation.Geplant}}}",
              "template": "# if(data.GEPLANT == 1) {# <div class='grid-icon-custom-center' style='color:green'><i class='fal fa-check'></i></div> #} else {#  <div class='grid-icon-custom-center' style='color:red'><i class='fal fa-times'></i></div> #}#",
              "width": 125
            },
            {
              "field": "HALBERTAG",
              "title": "{{{Field.Einsatz.halbertag}}}",
              "template": "# if(data.HALBERTAG == 1) {# <div class='grid-icon-custom-center' style='color:green'><i class='fal fa-check' ></i></div> #} else {#  <div class='grid-icon-custom-center' style='color:red'><i class='fal fa-times'></i></div> #}#",
              "width": 125
            }