Css 如何使表格标题始终位于顶部？

我试图使表格标题在元素UI中始终位于顶部。我尝试过经典css的解决方案，比如：

position:stiky用于
th
，但它不适用于元素UI。表格将继续滚动并显示其标题

这是我的代码
有两种方法可以实现这一点

首先按照元素ui指定的方式，在el table上指定表格的高度：

第二种方法是像使用css一样使用css，但您必须考虑到元素ui创建了两个表，一个用于标题，一个用于正文。必须应用的正确css如下所示：

.el-table__header-wrapper {
  z-index: 100;
  position: fixed;
  top: 0;
}

// Neede to show the first row in the table
.el-table__body-wrapper {
   margin-top: 50px;
}

要使其在您的小提琴中工作，请确保您还导入了正确的css：

@import url("//unpkg.com/element-ui@2.13.0/lib/theme-chalk/index.css");