表格是經(jīng)常在項(xiàng)目中使用到的边臼，所以磷斧，今天給大家介紹一個(gè)可以拖拽的表格动分，比平常的表格功能更強(qiáng)大一點(diǎn)毅糟。
首先，先下載：
npm i drag-tree-table --save-dev
使用方式
import dragTreeTable from 'drag-tree-table'
在組件中注冊(cè)
微信截圖_20201010102613.png
在頁面中展示：
image.png
現(xiàn)在有一個(gè)需求澜公，實(shí)現(xiàn)父目錄有編輯和刪除姆另，子節(jié)點(diǎn)只有刪除操作，如下圖所示：
image.png
具體實(shí)現(xiàn)如下：
colums都知道是定義表格的字段坟乾，readonly是表示只讀迹辐，不是只讀時(shí)，表格才會(huì)push進(jìn)去一個(gè)操作甚侣，里面有個(gè)formatter屬性是對(duì)某列字段的操作明吩，有子節(jié)點(diǎn)或者是只讀時(shí)，父目錄可以編輯和刪除殷费，只讀或sfbx字段子節(jié)點(diǎn)可以刪除操作印荔。（本文所提到的字段都是自己定義的，大家可以根據(jù)實(shí)際需要來寫详羡。）
image.png
