❤
npm
Sign UpSign In

el-table-fixed-header

1.1.1 • Public • Published

element table fixed header directive

Vue 2.x npm npm-downloades license

Features

  • Fixed element's table header when scrolling

dependencies

Instalation

Using module bundlers

# install dependency
npm install --save el-table-fixed-header
// import on your project
import ElTableFixedHeader from 'el-table-fixed-header'
Vue.use(ElTableFixedHeader)

Browser

<body>
  <div id="app">
    <div id="wrapper-id">
      <el-table v-fixed-header="{startFixed: 230, container: '#wrapper-id'}"></el-table>
    </div>
  </div>
  <script src="https://unpkg.com/vue/dist/vue.js"></script> 
  <script src="https://unpkg.com/el-table-fixed-header"></script> 
  <script>
  Vue.use(ElTableFixedHeader.default);
  var app = new Vue({
    el: '#app',
    data: {
      message: 'Hello Vue!'
    }
  });
</script> 
</body>

Usage

<div id="wrapper-id">
  <el-table v-fixed-header="{startFixed: 230, container: '#wrapper-id'}"></el-table>
</div>

Custom options

Defaults

  {
    startFixed: 0, // Distance from top of table to top of browser window when to start fix header
    container: '', // default is window, the scroll container, use document.querySelector to query the Element
  }

Demo

Code fixed-header_2

License

MIT

Readme

Keywords

Package Sidebar

Install

npm i el-table-fixed-header

Repository

github.com/Yuliang-Lee/el-table-fixed-header

Homepage

github.com/Yuliang-Lee/el-table-fixed-header#readme

Weekly Downloads

13

Version

1.1.1

License

MIT

Unpacked Size

7.86 kB

Total Files

5

Last publish

Collaborators

  • xlaoyu
Try on RunKit
Report malware