extjs - How to align treegrid columns -

Even though each of my columns is set to a fixed pixel width, my tree-grade columns are everywhere (i.e. not alignment in a straight line). Please see which issue shows, besides, there is an overview of code for the treegrid. Any ideas about fixing this issue? var currentdate = new date (); Var currenthour = currentdate.format ('g'); Var intcurrenthour = parseInt (currenthour); Intcurrenthour = intcurrenthour + 1; Var Current Day = Current DAT Format ('dm j y'); Var basecolor = "#FFFFFF"; Var current color = "#FFF"; Var i = 0; Var x; Function FN (V, value) {if (I == 3) {i = 0} i = i + 1; Switch (i) {case 1: x = values.alarm1; break; Case 2: x = values.alarm2; break; Case 3: x = values.alarm3; break; Default: Alert ("X Not Specified Value"); } If (x == 1) {return '& lt; Span style = "background-color: red; width: 100%" & gt; ' + V + '& lt; / Span & gt; ';} and if (i == intcurrenthour) {return' & lt; Span style = "background-color: '+ currentcolor +'; width: 100%" & gt; + V + '& lt; / Span & gt; ';} and {return' & lt; Span style = "background-color: '+ basecolor +', width: 100%" & gt; + V + '& lt; / Span & gt; '}} var TDCurrentDay = New Ext.ux.tree.TreeGrid ({Title: Current day, Request method:' Received ', Margin:' 5 5 ', Height: 400, Openable: {Xtype : 'Button', text: 'expand', 'spreadsheet', 'spandex', icon: '../ images / expand-all.gif', handler: function () {TDCurrentDay.expandAll ();}}, {Xtype: 'spacer', width: 5}, {xtype: 'button', text: 'collapse', icon: '../ images / collapse-all.gif', handler: function () {TDCurrentDay.collapseAll ();}}]}, Enable dd: incorrect, column: [[header: 'unit', datindex: 'unit', width: 210}, {header: 'h1', width: 60, dataind X: 'Duration 1', Align: 'Center', TPL: New Extension.Custom Template ('{Duration 1: It. (Title:' A1 ', Width: 0, DataInndex:' Alarm 1 ', Visibility: Wrong }, {Header: 'H2', width: 60, datindex: 'duration 2', align: 'center', tpl: new Ext.XTemplate ('{duration2: this.doFormat}', {doFormat: fn} ); {Header: 'A2', width: 0, dataindex: 'alarm2', visibility: false}, {header: 'h3', width: 60, dataindex: 'duration 3', align: Center ', tpl: new Ext.XTemplate (' {duration 3: this.doFormat} ', {doFormat: fn})} , {Header: 'A3', Width: 0, Dataindex: 'Alarm 3', Visibility: Incorrect}], Data URL: 'TreeGrid-Data' Jason '}); With some great help from CEC support, this problem has been fixed by removing the treegrab.css.

file due to which the column alignment problem is causing any reason and for cell boundaries Code added below:

  .x-treegrid-col {border: 1px solid #fefef; }