element表格固定高度

需求描述：表格内容多，不使用分页，只在表格内容区域滚动，去掉滚动条，去掉滚动条

复现及解决方法：

• 固定表格高度

.el-table {
  height: calc(100vh - 630px);
}

• 出现滚动条：
  
• 去掉滚动条

// 隐藏el-table的滚动条 (表格固定高度时，会出现滚动条)
/deep/.el-table .el-table__body-wrapper::-webkit-scrollbar {
  width: 0px; /* 宽度为0隐藏 */
}

• 出现问题：
  1）右侧边框线粗
  2）数据加载到最后一条显示不完全
  
• 解决方法：

（1）解决右侧边框线

.el-table {
  height: calc(100vh - 630px);
  border-right: none !important;  // 去掉右侧边框线
}

（2）解决数据加载到最后一条显示不完全

/* --start 解决表格内容滚动时，显示不完全 */
/deep/ .el-table {
  display: flex;
  flex-direction: column; //垂直排列
}
/deep/.el-table__body-wrapper {
  flex: 1; //表格高度自适应，因为flex布局的原因，会自动撑满
}
/* --end */

最终效果：