v-element-table-header

基于 vue 与 element-ui 的 v-element-table-header 指令

一个简单的指令便可随父级定位元素的滚动位置自动显示与隐藏表格头部

!img
#### 在线实例地址
#### 代码实例地址

安装

$3

``shell
yarn add v-element-table-header
`

$3

`shell
npm install v-element-table-header --save
`

使用

$3

main.js
`js
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import vElementTableHeader from 'v-element-table-header'
import 'v-element-table-header/lib/main.css'
import '../../styles/index.scss'
import App from './app.vue'

Vue.use(ElementUI)
//1、 使用注册插件方式注册指令
Vue.use(vElementTableHeader)
//2、 或者使用注册指令方式
// Vue.directive(vElementTableHeader.name, vElementTableHeader.option)

new Vue({
name: 'admin',
render: createElement => createElement(App)
}).$mount('#app')
`
app.vue
`vue



``

$3

实例demo

注意事项

使用时请确保table组件所在的父级滚动条是唯一的，不建议布局时采用双层滚动条布局