title: Angular Kendo data grid resizing columns causes the headers to misalign on new remote datasource search
body: <p>I have seen similar question as this but most deal with alignment on resizing.  This is specific to alignment when new data is set in the datasource.  I'm looking to see if I have the grid setup correctly or a possible better workaround.</p>
  
  <p>When I resize the Kendo data grid the columns and header seem to align fine (some bugginess in Chrome). however after I have resized one of the columns and search for new data I find the columns and headers are misaligned.</p>
  
  <p>I have tried both firefox and chrome and both have this issue.</p>
  
  <p>This is similar to these issues but seem to be on resize not data load.</p>
  
  <p><a href="https://stackoverflow.com/questions/24202842/kendo-grid-header-and-data-row-columns-are-not-aligned">Kendo Grid header and data row columns are not aligned</a></p>
  
  <p><a href="https://stackoverflow.com/questions/23823963/bug-in-kendo-ui-grid-lrt-css-in-chrome">Bug in kendo ui grid lrt css in chrome</a></p>
  
  <p><code>Here is an example of the issue I'm running into.</code> <a href="http://jsfiddle.net/teisaacs21w/6k5km7nb/" rel="nofollow noreferrer">http://jsfiddle.net/teisaacs21w/6k5km7nb/</a></p>
  
  <ol>
  <li>resize a column and hit search</li>
  <li>notice the grid and columns headers are misaligned</li>
  </ol>
  
  <p>I have set this grid up many different ways and still get this issue. In the fiddle have it setup so the data does not load automatically, we require a search first.  I have also setup it up where the datasource is initially loaded by setting the datasource with a transport defined in the options object.</p>
  
  <p>So far I have not found a way to set this up where I don't see this issue. </p>
  
  <p>After inspecting the HTML, when we load new data I found that the header is loosing the styling that Kenodo sets on column resize.</p>
  
  <p>I created a workaround that seems to work fine in the fiddle but the headers get a little jumpy in my app sometimes going this route.</p>
  
  <pre><code>`workaround`  
  </code></pre>
  
  <p><a href="http://jsfiddle.net/teisaacs21w/a7cfv4g6/" rel="nofollow noreferrer">http://jsfiddle.net/teisaacs21w/a7cfv4g6/</a></p>
  
  <p>I'm looking to see if anyone has ran into this and know if it's related to my setup or have a better solution?</p>