tabular
Name | Default |
--warp-view-datagrid-cell-padding | 5px |
--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 |
Name | Type | Description |
data | GTS , GTS[] , custom data | Data to display |
globalParams | Option | Global options (see above) concerning this tile |
params | Option[] | List of options (see above) concerning each displayed dataset depending of the index of this array |
events | Events[] | 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' + '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 }