Hi everyone,
as stated in the title i have feed a UI-Table with the ui_control.tabulator information to get a complex layout.
But the outcome i bizzare, header group are wrongly merged (only the last is shown), button column is not inserted and column order differ from what is specified.
I'm pretty sure i miss something important in the configuration :
return {
payload : msg.payload,
ui_control : {
tabulator : {
groupBy:"MatTypeDesc",
movableColumns:true,
columns :[
{
title : "",
formatter:function(cell, formatterParams){return "<i class='fa fa-trash'></i>";},
width:40,
align:"center",
cellClick:function(e, cell){alert("Erease data for: " + cell.getRow().getData().Id)}
},
{
title:"Code.",
field:"Code",
width:"12%",
aling:"left",
headerFilter:"select",
visible:true
},
{
title:"Desc.",
field:"Description",
width:"15%",
aling:"left",
headerFilter:"input",
visible:true
},
{
formatterParams: {
target: "_blank"
},
title : "Datas",
columns : [ {
title:"UM",
field:"UoM",
width:"8%",
aling:"center",
visible:true
},
{
title:"Vol. (M3)",
field:"NominalVol_M3",
width:"9%",
aling:"center",
visible:true
},
{
title:"Weight (Kg)",
field:"NominalWeight_Kg",
width:"10%",
aling:"center",
visible:true
},
{
title:"Exp. (d)",
field:"Exp",
width:"8%",
aling:"center",
visible:true
}
]
},
{
formatterParams: {
target: "_blank"
},
title : "Dimensions",
columns : [ {
title:"Width (m)",
field:"Width_M",
width:"9%",
aling:"center",
visible:true
},
{
title:"Len (m)",
field:"Length_M",
width:"12%",
aling:"center",
visible:true
},
{
title:"Height (m)",
field:"Height_M",
width:"11%",
aling:"center",
visible:true
}
]
},
{
title:"EAN",
field:"EAN",
width:"9%",
aling:"center",
headerFilter:"input",
visible:false
}
]
}
}
};
Can someone explain to me what is wrong with my configuration?
Best regards
Ps :
i use node-red v1.1.3 on node v12.18.3, dashboard is v2.23.2
---- Edit :
Let me know if more information is needed