el-table-fixed-scrollbar

Fixed element table bottom scrollbar when table's height is too high

1.0.5
latest
Source
npm

Version published: 4 years ago

Weekly downloads: 3

Maintainers: 1

Weekly downloads

Created: 5 years ago

Source

element table fixed bottom scrollbar directive

dependencies

Instalation

Using module bundlers

# install dependency
npm install --save el-table-fixed-scrollbar

// import on your project (less then 1KB gziped)
import ElTableFixedScrollbar from 'el-table-fixed-scrollbar'
Vue.use(ElTableFixedScrollbar)

Browser

<body>
  <div id="app">
    <div id="wrapper-id">
      <el-table v-fixed-bottom-scrollbar="{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-scrollbar"></script>
  <script>
  Vue.use(ElTableFixedScrollbar.default);
  var app = new Vue({
    el: '#app',
    data: {
      message: 'Hello Vue!'
    }
  });
</script>
</body>

Usage

<div id="wrapper-id">
  <el-table v-fixed-bottom-scrollbar="{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 scrollbar
    container: '', // default is window, the scroll container, use document.querySelector to query the Element
  }

Demo

Code

fixedBottom

License

MIT

Keywords

FAQs

What is el-table-fixed-scrollbar?

Is el-table-fixed-scrollbar popular?

Is el-table-fixed-scrollbar well maintained?

Package last updated on 17 Dec 2020

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install