Loading

tabular

NameDefault
--warp-view-datagrid-cell-padding5px
--warp-view-datagrid-odd-bg-color#ffffff
--warp-view-datagrid-odd-color#404040
--warp-view-datagrid-even-bg-color#c0c0c0
--warp-view-datagrid-even-color#000000
--warp-view-pagination-border-color#c0c0c0
--warp-view-pagination-bg-color#ffffff
--warp-view-pagination-active-bg-color#4CAF50
--warp-view-pagination-active-color#ffffff
--warp-view-pagination-active-border-color#4CAF50
--warp-view-pagination-hover-bg-color#c0c0c0
--warp-view-pagination-hover-color#000000
--warp-view-pagination-hover-border-color#c0c0c0
--warp-view-pagination-disabled-color#c0c0c0
NameTypeDescription
dataGTS, GTS[], custom dataData to display
globalParamsOptionGlobal options (see above) concerning this tile
paramsOption[]List of options (see above) concerning each displayed dataset depending of the index of this array
eventsEvents[]List of events to emit (see below)

Custom data:

{ 
  'title':string'
  'columns':string[]
  'rows':<string|number>[]
}[]

Sample

Array with GTS

<div style="height: 500px">
<discovery-tile url="https://sandbox.senx.io/api/v0/exec" type="tabular">
    0 2 <% 'j' STORE
    NEWGTS 'serie' $j TOSTRING + RENAME 'g' STORE
    1 1000 <%
    'ts' STORE
    NOW $ts STU * 50.0 / - 'ts' STORE
    $g $ts NaN NaN NaN $ts 50 * STU / 60.0 / SIN ADDVALUE DROP %> FOR
    $g
    %> FOR
</discovery-tile>
</div>
0 2 <% 'j' STORE NEWGTS 'serie' $j TOSTRING + RENAME 'g' STORE 1 1000 <% 'ts' STORE NOW $ts STU * 50.0 / - 'ts' STORE $g $ts NaN NaN NaN $ts 50 * STU / 60.0 / SIN ADDVALUE DROP %> FOR $g %> FOR

Array with custom data

<div style="height: 250px">
<discovery-tile url="https://sandbox.senx.io/api/v0/exec" type="tabular">
    {
    'title' 'Test'
    'columns'  [ 'Name' 'A' 'B' 'C' 'Link' ]
    'rows' [
        [ 'label X' 15 56 44 '<' 'a href="https://warp10.io/">Warp 10</' + 'a>' + ]
        [ 'label Y' 1 5 4 '<' 'a href="https://senx.io/">SenX</' + 'a>' + ]
        [ 'label Z' 14 45 78 '<' 'img src="https://warp10.io/assets/img/header-w-white.png" />' + ]
    ]
    } 'values' STORE
    { 'data' $values }
</discovery-tile>
</div>
{ 'title' 'Test' 'columns' [ 'Name' 'A' 'B' 'C' 'Link' ] 'rows' [ [ 'label X' 15 56 44 '<' 'a href="https://warp10.io/">Warp 10' + ] [ 'label Y' 1 5 4 '<' 'a href="https://senx.io/">SenX' + ] [ 'label Z' 14 45 78 '<' 'img src="https://warp10.io/assets/img/header-w-white.png" />' + ] ] } 'values' STORE { 'data' $values }