两个表格一起使用如何固定每列一样的宽度

业务的需要，我需要两个表格一起使用，一个表格作为单独的标题栏，另外一个表格放内容，单独给某个列设置宽度的时候，发现会受到内容的长度影响，怎么解决呢？

给两个表格添加样式：

.title-tabel,.table-conttt{
  table-layout:fixed;
}
设置之后两个表格的内容和标题就不会错位了。根据自己的ui单独设置宽度时就不会出问题了。