DataGrid for jQuery 定义表头

表中的毛利和纯利二列想做为一个组使用，我们可以这样重新定义表头：

 

 <table id="tt">
 <thead>
  <tr>
   <th field="code" rowspan="2" width="80">产品编号</th>
   <th field="name" rowspan="2" width="150">名称</th>
   <th field="unit" rowspan="2" width="80">单位</th>
   <th field="place" rowspan="2" width="100">产地</th>
   <th colspan="2">利润</th>
  </tr>
  <tr>
   <th field="cost1" width="80" align="right">毛利</th>
   <th field="cost2" width="80" align="right">纯利</th>
  </tr>
 </thead>
</table>

 

注意到对rowspan, colspan属性的运用。现在刷新一下页面，可以看到如下表格：