title: Column width not working in DataTables bootstrap
body: <p>I am using the following code to set the column width of a DataTable. During partial page load the width appears to be correct and when it loads completely, the width is off.</p>
  
  <pre><code>&lt;script&gt;
      $(document).ready(function () {
          $("#memberGrid").dataTable({
              "dom": 'T&lt;"clear"&gt;lfrtip',
              "tableTools": {
                  "sSwfPath": "../../Content/swf/copy_csv_xls.swf"
              },
              "destroy": true,
              "info": true,
              "bLengthChange": false,
              "bFilter": false,
              "bAutoWidth": false,
              "aoColumns": [{ "sWidth": "20%" }, { "sWidth": "20%" }, { "sWidth": "20%" }, { "sWidth": "10%" }, { "sWidth": "20%" }, { "sWidth": "10%" }]
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Table Markup</p>
  
  <pre><code>&lt;table class="group-grid table table-hover table-bordered table-responsive zebra-striped" id="memberGrid"&gt;
                  &lt;thead class="tablehead"&gt;
                      &lt;tr&gt;
                          &lt;th style="width: 20%"&gt;Name&lt;/th&gt;
                          &lt;th style="width: 20%"&gt;Room with&lt;/th&gt;
                          &lt;th style="width: 20%"&gt;Extensions&lt;/th&gt;
                          &lt;th style="width: 10%"&gt;Travel Protection&lt;/th&gt;
                          &lt;th style="width: 20%"&gt;Flying from&lt;/th&gt;
                          &lt;th style="width: 10%"&gt;Balance&lt;/th&gt;
                      &lt;/tr&gt;
                  &lt;/thead&gt;
                  &lt;tbody&gt;
              &lt;tr class="tablerows"&gt;
                  &lt;td style="width: 20%"&gt;&lt;%# Eval("Travelers") %&gt;&lt;/td&gt;
                  &lt;td style="width: 20%"&gt;&lt;%# Eval("RoomMates")%&gt;&lt;/td&gt;
                  &lt;td style="width: 20%"&gt;&lt;%# Eval("Extensions")%&gt;&lt;/td&gt;
                  &lt;td style="width: 10%"&gt;&lt;%# (string) Eval("HasTpp") == "Y"? "Yes" : "No"%&gt;&lt;/td&gt;
                  &lt;td style="width: 20%"&gt;&lt;%# Eval("Airport")%&gt;&lt;/td&gt;
                  &lt;td style="width: 10%"&gt;$&lt;%# Eval("Balance")%&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;/tbody&gt;
                      &lt;/table&gt;
  </code></pre>