easyui 数据列头调整3点

1 列头换行，直接在列头中编辑 htm

 

  <th field="unitcost" width="80"  formatter="formatB"   align="center"> <span style="font-weight:bold;"> Unit<br /> Cost</span></th>

 

2 列头调整感应区太小

原因是因为 他中间的span 是自动高度 的 一般只有一行字高 ，需要调整样式 ，增加高度，也就会增加感应区，同事  文本不会居中了 需要在列头中写样式  margin-top

 

 .datagrid-header .datagrid-cell
      {
          
   height:35px;
}

 <th   field="status" width="60"   align="center"> <div style="height:30px; margin-top:10px">Stauts</div> </th>

 

3 感应区的宽度调整。指定edge 可以增加感应区域

 

maxWidth:10000,maxHeight:10000,edge:7,onStartResize:fun