scroll-btn-vue v1.0.0

简介

一个带有滚动条效果的ui组件

使用方式

<scroll
:tableThNode="'has-gutter'"
:btnSize="50"
:tableScroll="'el-table__body-wrapper'"
:scrollWidth="scrollWidth"
:blockLevel="true"
:scrollThArray="scrollThArray"
>
  <el-table
  :data="tableData"
  id="table-test1"
  border
  @header-dragend="headerDragend"
  style="width: 100%">
    <el-table-column
    v-for="item in elementColumns"
    :key="item.id"
    :width="item.width"
    :prop="item.prop"
    :label="item.label"
    :fixed="item.fixed"
    >
    </el-table-column>
  </el-table>
  <i class="el-icon-arrow-left" slot="left"></i>
  <i class="el-icon-arrow-right" slot="right"></i>
</scroll>

参数说明

• tableThNode String表格表头单元格类名
• btnSize Number按钮最大状态时大小
• tableScroll String表格内设置滚动条的盒子的类名
• scrollWidth Number按钮点击滑动的距离
• blockLevel Boolean设置每次点击跳转一个单元格宽度，为true时需设置scrollThArray参数
• scrollThArray Array表格每一列宽度集合，配合blockLevel为true时使用

其他介绍

该组件适用于表格动态修改列宽，实时更新scrollThArray即可