element UI 中table 部分操作介绍（固定表头，固定某列，table的thead标题移入提示）
elementUI是常用的前端UI框架之一，下面分享一下其中el-table的用法。
1.固定表头：
如果表格过长，需要做滚动效果，但是又不想让表格整体都滚动。那么我们可以做表格头部固定，内容进行滚动。
<el-table height=”400″> </el-table>
这里的height给值即可，是不是很简单。解释：超过高度400，表格的表头固定不动，内容支持滚动。
2.固定某列：
<el-table height=”400″>
<el-table-column fixed prop=“date” label=“日期” width=“150”></el-table-column>
</el-table>
如果仔细的小伙伴就可以看到官方文档上有介绍，不多做介绍了。仔细看文档，会发现大部分的问题，文档上已经说得很清楚了,来，上地址：
https://element.eleme.cn/#/zh-CN/component/table#table-column-scoped-slot
3.el-table 标题中想添加移入效果，如下图所示：
实现方式有两种：
第一种：render-header（不报错，但控制台会给出警告，不推荐此方法实现，见方法二）
html：
<el-table-column prop=”remainCounts” label=”剩余次数” cell-class-name=”col_8″ :render-header=”renderHeader_date” width=”92″>
</el-table-column>
js:
renderHeader_date(h, { column, $index }) {
return [
\’剩余次数\’,
h(
\’el-tooltip\’,
{
props: {
class: \’orderTip\’,
content: \’剩余所有有效次数\’,
placement: \’top\’,
effect: \’light\’
},
},
[
h(\’span\’, {
domProps: {
innerHTML: “<i class=\’icon iconfont query_icon iconshuoming\’></i>”
}
})
]
)
]
}
第二种： slot-scope(推荐)
纯html实现：