vue drag tree table

IE11+/Chrome/firefox

请更新到1.1.0及以上版本

基于vue实现的可以拖拽排序的树形表格

支持拖拽排序、固定头、拖拽改变行宽，checkbox多选、自定义单元格内容、设置行的背景色、动态控制某些行是否可以拖拽等等….

更新日志

1.1.1

显示所有内容，去掉超出显示省略号

1.1.0

优化树根节点内容根据字段有无显示内容与否。

安装

npm

npm i vue-drag-table-tree --save-dev

script

<script src="./dist/dtree-table.js"></script>

使用方式

<template>
  <div id="app">
    <dragTreeTable
      :data="treeData"
      :onDrag="onTreeDataChange"
      fixed
      border>
    </dragTreeTable>
  </div>
</template>
<script>
import dragTreeTable from "drag-tree-table";
export default {
  name: "app",
  data() {
    return {
      treeData: {
        columns: [...],
        lists: [...]
      }
    };
  },
  components: {
    dragTreeTable
  },
  methods: {
    onTreeDataChange(list) {
      this.treeData.lists = list;
    }
  },
};
</script>

更新日志-CHANGELOG

我的扣扣511539312，欢迎沟通（找我加新需求的记得先来个star支持下哦）