title: Columns don't fit to header - datatables with Scroller plugin
body: <p>I'm using Datatables with Scroller plugin and server-side loading. When data are loaded, header columns are resized and often (not always) don't fit to inside columns.</p>
  
  <p>Picture of a situation (<a href="https://i.stack.imgur.com/J3zMz.png" rel="nofollow noreferrer">http://i.stack.imgur.com/J3zMz.png</a>):</p>
  
  <p><img src="https://i.stack.imgur.com/J3zMz.png" alt="enter image description here"></p>
  
  <p>Relevant datatables setting code:</p>
  
  <pre><code>"sScrollY" : window.innerHeight - 270,
              "bServerSide" : true,
              "sDom" : "frtiS",
              "bProcessing" : true,
              "bDeferRender" : true,
              "bAutoWidth" : true,
              "oScroller" : {
                  "rowHeight" : 33,
                  "autoHeight" : false,
                  "serverWait" : 100
              },
  </code></pre>
  
  <p>Is there any way how force header columns to always fit the content (and vice versa)?
  Thanks.</p>