easyui表格th和td对不齐怎么办

Posted 2023-03-08

在tr的时候就设定长度，两个tr设定成一样的长度~
如果还不行，在第二行的td中，每个长度都设成25%（如果平均分布的话）或者设定成定值~这个看你个人习惯的。。。 参考技术A

如果写有任何关于JS渲染表格的话，一定要把html中的  class="easyui-datagrid"  这个去掉，要不然样式重复渲染时，就会导致 th和td出错。

<table id="imglistc" class="easyui-datagrid" style="width:100%;height:100%">
    <thead>
      <tr>
          <th data-options="field:'ck',checkbox:true"></th>
      <th data-options="field:'name',width:150">图片名称</th>
      <th data-options="field:'time',width:200">修改日期</th>
      <th data-options="field:'size',width:80,align:'center'">图片大小</th>
</tr>
    </thead>
</table>

//上边这个class一定要去掉 

$("#imglistc").datagrid(
    title:"图片列表",
    rownumbers:true,
    singleSelect:true,
    url:urlInterface + "/imgList",
    method:'get'
);