Table with Summary (Mui only)
General
The list view can have the summary rows at the bottom (list view only)
- Each row is an array of values.
- A
null
value indicates an empty cell. - If a value is an object, it should have a
value
key and analign
key.
Code JSON
"appearance": { "summary: { "rows": [ {"row": [ "Total Accounts", null, null, { "value": "$this.count();", "align": "right" } ]}, {"row": [ "Total Annual Revenue", null, null, { "value": "$this.sum(AnnualRevenue, currency);", "align": "right" } ]} ]}
Table with summary | Code JSON |
---|---|
Code JSON "summary: { "prefixSpan": 2, "rows": [ {"row": [ "Total Accounts", { "value": "$this.count();", "align": "right" } ]... ]} | |
Code JSON "summary: { "suffixSpan": 2, "rows": ... | |
Code JSON "summary: { "prefixSpan": 1, "suffixSpan": 1, "rows": ... | |
Use | Code JSON "summary": { "prefixSpan": 1, "rows": [ {"row": [ "Total Accounts", null, null, { "align": "right", "value": "$this.count();" } ]}, {"row": [ "Total Annual Revenue", null, null, { "align": "right", "value": "$this.sum(AnnualRevenue, currency);" } ]} ] } |
Code JSON "appearance": { "renderFields": { "Phone": "$global.attr(showPhone); == true" }, "summary": [{ "value": { "prefixSpan": 1, "rows": [ {"row": ["Total Accounts", null, null, {"align": "right", "value": "$this.count();"}]}, {"row": ["Total Annual Revenue", null, null, {"align": "right", "value": "$this.sum(AnnualRevenue, currency);"}]} ] }, "condition": "$global.attr(showPhone); == true" }, { "value": { "prefixSpan": 1, "rows": [ {"row": ["Total Accounts", null, {"align": "right", "value": "$this.count();"}]}, {"row": ["Total Annual Revenue", null, {"align": "right", "value": "$this.sum(AnnualRevenue, currency);"}]} ] }, "condition": "$global.attr(showPhone); != true" }] } |
Status
Release Available | Status | Framework Name |
---|---|---|
3.4 | Current | MUI |