Bootstrap表头问题

Question

我有一个引导表。表标题无法正确呈现         在Chrome浏览器中。当我执行时，表css会发生变化         追加行动。请检查我的代码。

    <div class="panel-body">
   <table id="tableRelease" data-height="400" data-search="true" 
   data- click-to-select="true">
                    <thead>
                        <tr>
            <th data-field="state" data-checkbox="true">    </th>
             <th data-field="id" data-sortable="true">Sequence</th>
             <th data-field="stepName" data-sortable="true">Step Type</th>
           <th data-field="parameter" data-sortable="true">Parameter(s)</th>
          <th data-field="packageNo" data-sortable="true">Package No</th>
                        </tr>
                    </thead>
                </table>

            </div>

   // load function 

  function loaddata() {
     try {
    $(function () {
        $('#tableRelease').bootstrapTable({
        });
    });
  }
  catch (ex)
   { LogEvent("CreateRelease.loaddata", ex.message); }
 }


 // append function
         function updatedata(mydata) {
          $('#tableRelease').bootstrapTable("append", mydata);
        }

选中所有不在Chrome中的列复选框...    

Answer 1

为每列提供宽度（表头和表格主体也是如此）。检查此示例。      http://jsfiddle.net/nithin_dev/0umxqsd7/