element的表格，固定列和固定头时，不对齐

   最近接手了一个公司内部OKR的项目，是其他团队交接过来的。 前端用的vue+elemen-ui。 刚接到手，领导就让解决一个表格不对齐的bug 。我仔细看了一下，我的谷歌浏览器上也是不对齐。但是有的同学就是对齐的。

   由于表格里有使用到echarts， tinymce等插件，所以想着会不会是这些插件导致的。 于是我就每一列每一列的注释，然后看效果。每一列都注释后发现并不是这些插件导致的不对齐。

   后来就猜测，应该是表格的宽或者高的问题。

  首先把表格的宽度从100% 改成了200%。发现并没有改善。

  表格的高度，之前的设置是'window.innerHeight - 200'。 我就把这个地方注释了。 不设置表格高度。 让height=''。 再次试，发现竟然好了！

  根本原因就是，固定了高度，但是表格中的内容撑开后，表格的固定列高度固定，但是内容不固定，导致内容跟随scroll，一起滚动。出现了不对齐的现象。

 

 解决：

 <el-table

　　:height="tableData.length >0 ?'' : 'tableHeight' "

　　></el-table>

 

这样就可以了。 有内容时，不设置表格高度。无内容时，给一个固定高度，免得没有撑开不好看。