UI-Table Tabulator does not work as expected

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

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.