title: How to use different aligning in Extjs Table Layout?
body: <p>I'm using Extjs 6.0 (with Framework Codeigniter 3.0.3).</p>
  
  <p>I'm trying to get something like this:</p>
  
  <pre><code>+---------------------------+-------------+
  |  something  |  something  |  something  |
  +-------------+-------------+-------------+
  |                    Label A|   Label B   |
  +-------------+-------------+-------------+
  </code></pre>
  
  <p>I'm using table layout (Label A with colspan 2).</p>
  
  <p>The problem is I need different aligning in Label A and Label B (right and center respectively).</p>
  
  <p>Is there a way to accomplish this?</p>
  
  <p>This is the code:</p>
  
  <pre><code>Ext.create('Ext.form.Panel', {
      renderTo: Ext.getBody(),
      title: 'Form Panel',
      bodyStyle: 'padding:5px 5px 0',
      width: 400,
      height: 200,
      layout: {
        type: 'table',
        columns: 3
      },
      items: [{
          xtype: 'label',
          text: '----First Row----',
          padding: 5
      }, {
          xtype: 'label',
          text: '----First Row----',
          padding: 5
      }, {
          xtype: 'label',
          text: '----First Row----',
          padding: 5
      },{
          xtype: 'label',
          text: 'Label A',
          padding: 5,
          colspan: 2,
      }, {
          xtype: 'label',
          text: 'Label B',
          padding: 5
      }],
  });
  </code></pre>
  
  <p>For Label A, I've tried adding (without effect): </p>
  
  <ul>
  <li>align: 'right'</li>
  <li>textAlign: 'right'</li>
  <li>labelAlign: 'right'</li>
  </ul>
  
  <p>If I add: </p>
  
  <pre><code>layout: {
    type: 'table',
    columns: 3,
    tableAttrs: {
      style: {
          textAlign: 'right'
      }
    }
  }
  </code></pre>
  
  <p>Then both Label A and Label B align to the right, and that's not what I need.</p>