# UI-Table Tabulator does not work as expected

**URL:** <https://discourse.nodered.org/t/ui-table-tabulator-does-not-work-as-expected/32225>\
**Category:** Dashboard\
**Created:** [30 August 2020 17:39 UTC](https://discourse.nodered.org/t/ui-table-tabulator-does-not-work-as-expected/32225 "2020-08-30T17:39:31Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![0x180](https://avatars.discourse-cdn.com/v4/letter/0/8c91f0/32.png) [@0x180](https://discourse.nodered.org/u/0x180)\
**Post date:** [30 August 2020 17:39 UTC](https://discourse.nodered.org/t/ui-table-tabulator-does-not-work-as-expected/32225/1 "2020-08-30T17:39:32Z")

</div>

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 :

```auto

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
                    		}
                    	]
                    }

    }
};

```

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/f/df73ae96ce806c4ecda65215e2b0e1c8a974a76f.png)

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

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [29 September 2020 17:39 UTC](https://discourse.nodered.org/t/ui-table-tabulator-does-not-work-as-expected/32225/2 "2020-09-29T17:39:33Z")

</div>

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