Array of DataTable is rendered different than DataTable

[PGimenez]

Rendering an array of DataTable changes the dict content and adds extra fields. This is a problem when running a v-for loop to show multiple tables.

MWE:

using GenieFramework
@genietools

@app begin
    @out table = DataTable()
    @out tablearray = [DataTable(), DataTable()]
end

ui() = "{{table}}<br>{{tablearray}}"

@page("/", ui)

What the page shows:

{ "data": [], "columns": [] } 

[ { "data": { "columns": [], "colindex": { "lookup": {}, "names": [] }, "metadata": null, "colmetadata": null, "allnotemetadata": true }, "opts": { "addid": false, "idcolumn": "ID", "columns": null, "columnspecs": {} } }, { "data": { "columns": [], "colindex": { "lookup": {}, "names": [] }, "metadata": null, "colmetadata": null, "allnotemetadata": true }, "opts": { "addid": false, "idcolumn": "ID", "columns": null, "columnspecs": {} } } ]

This can be solved with a specific renderer:

function Stipple.render(tables::Vector{T}) where {T<:DataTable}
  [StippleUI.Tables.data(t)  for t in tables]
end