title: ExtJS 4: Prevent auto-calculating of width
body: <p>I'm using <code>Ext.tab.Bar</code> inside grid panel's <code>tbar</code>.</p>
  
  <p>My code is:</p>
  
  <pre><code>...
  tbar: [
      ...
      "-&gt;",
      this._getTabbar()
  ]
  // where this._getTabbar() is:
  GridPanel.prototype._getTabbar = function() {
      return Ext.tab.Bar({
          width: 850,
          items: [
              {text: "Grid's Tab #1", closable: false},
              {text: "Grid's Tab #2", closable: false},
              {text: "Grid's Tab #3", closable: false},
              ...
              {text: "Grid's Tab #N", closable: false}
          ]
      });
  }
  </code></pre>
  
  <p>As a result, I get correct top-toolbar, but buttons in the tabbar is too short and I can't see their labels. It means that tab-button <em>Grid's Tab #1</em> appears like <em>Grid's T...</em></p>
  
  <p>I've tried to manually add <code>width</code> parameter to the tab configuration:</p>
  
  <pre><code>{text: "Grid's Tab #N", ..., width: 150}
  </code></pre>
  
  <p>And nothing, ExtJS automaticaly calculates the same width for each button. I tried to set <code>flex: false</code> and again nothing.</p>
  
  <p>What I want to ask you is what should I do to prevent flex-like width calculating? If I create 100500 buttons with "The button with long-long-long-long label", I want to see full text in all buttons in the tabbar.</p>
  
  <p>Thanks for your help.</p>