title: how to show "No data available " message at center of extjs grid panel?
body: <p>I am showing "No data available " message in grid when there is no data to show.but by default its showing at upper left corner of grid. I want this message at the center of grid view.
  here is code:</p>
  
  <pre><code>viewConfig : { 
      deferEmptyText: false,
      emptyText: 'No data Available'
  }
  </code></pre>
  
  <p>I tried by overriding style like this: </p>
  
  <pre><code>.x-grid-empty {
      text-align: center;
      padding-top: 130px !important;
  }
  </code></pre>
  
  <p>but it didn't work.</p>