关于表格表头与表格数据体的对齐问题

解决表格表头与表格数据体的对齐问题

最近在项目遇到了表格的表头与表格数据体无法对齐的问题，找了很多办法，都没实际的作用，研究了一下，在这里记录一下：
（所有样式代码均只贴关键部分）

首先表格样式

table{
  table-layout:fixed //其实这里也可以不加 只是为了防止一些特殊情况
}
tr{
  display:flex
}
td,th{
  width:××% //具体数值根据列的多少来均分
}

如果还要实现表格数据体当数据内容过多，使用省略号提示。这需要：

td{
  text-overflow ellipsis
  white-space nowrap
  overflow hidden
  display:inline-block
}

当然，还需给td定义title属性，title="",

另一种解决思想

还有一种解决思想就是表格没有thead区域，表头与数据体均写在tbody中，但是有时候我们需要在表格下拉过程中锁死表头，这样就没有分开方便了