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' + ]
[ '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 }