在浏览器中怎么让标题和数据对齐呢

<table>
    <thead></thead>
    <tbody></tbody>
  </table>

这种格式写 或者全部写在tbody里面

你这个表头和数据是一个table中的吗

表头和数据可以放在同一个表格中

啊这……

看得好难受，题主你怎么做到的，这就不应该出现啊。

一个table怎么会出现这种情况呢，th 放标题，td 放内容。

看标题是CSS，我以为是文本不在表格中间对齐，甚至你都使用了layui ，进来看了图片和回答后，怎么会这样呢？

固定宽度，

你使用的是layui吗？直接使用组件就行了。

建议看下廖雪峰的flex布局

题主怎么做到的？

人家默认就是对齐的。。。

table元素属性align=center可以控制内容居中对齐

{field: 'tname', width: '5%', title: '分类', align: 'center'},加上align: 'center'就可以了