title: How to format ExtJS treegrid borders
body: <p>So I thought formatting the borders within an extjs treegrid would be basic but I have not been able to find a solution after hours of trying and looking around. The problem I'm having is that my borders appearance and width are inconsistent between both columns and rows (tried attaching screenshot but couldn't since new to site). I tried defining borders directly in the column creation:</p>
  
  <pre><code>columns:[{header: 'H6',dataIndex: 'hour6',width: 210, border: 1}]
  </code></pre>
  
  <p>as well as in the XTemplate where I'm setting my cell background color (didn't think this would work but thought I'd try):</p>
  
  <pre><code>columns: [{header: 'H6',dataIndex: 'hour6',width: 210,              
      tpl: new Ext.XTemplate('{duration1:this.doFormat}', {
          doFormat: fn(v){
              if (v == 1) {return '&lt;span style="background-color: red; width: 100%; border: 1"&gt;' + v + '&lt;/span&gt;';}
          else {return '&lt;span style="background-color:' + currentcolor + '; width: 100%; border: 1"&gt;' + v + '&lt;/span&gt;';}
          }
      })
  }]
  </code></pre>
  
  <p>Does anyone know how to format treegrid borders to fix this issue?</p>
  
  <p>Thanks.</p>