平時我們用element-ui組件庫的時候，用的很多組件都可以解決日常工作中的需要，最近遇到了一個需要搭建一個樹形結構的表格，但element組件沒有提供，這時就需要自己去通過第三方組件來實現這個功能了。
那么如何才能實現這樣的結構方式呢？就需要通過vue-table-with-tree-grid這個組件了
一、在vue腳手架的依賴項的開發依賴，搜索並安裝vue-table-with-tree-grid這個
二、在你的項目的main.js文件中引入，如圖：
三、這時就可以使用這個treetable標簽來搭建表格了，也可以打開github上相應的文檔進行查看屬性，但github國內限速的原因，打開速度太慢，我就在這里列出幾個常用的屬性來供參考
圖上共有七個屬性，分別是綁定數據源、columns定義豎行的內容，它是一個數組，數組中的每個對象就代表一個豎行所要展示的內容，下面會說到它的一些參數、selection-type是否為多選類型的表格，默認值是true，如果不想要多選的框可以設置為false、expand-type展開行效果、show-index顯示數據的索引值、index-text自定義索引名稱，默認的是‘序號’兩個字、border表格豎行分割線。
四、columns豎行內容
每一個數組都是一豎列的內容，label豎列標題、prop所綁定的屬性、type將這一豎列自定義為模板列、template模板列的名稱
這兩個數組就代表前兩豎列的內容
五、如果需要自定義模板插槽，就需要在columns定義一個如同第二個數組這樣的數據，並通過在標簽中用作用域插槽來實現
后面幾豎列都是通過插入模板來實現的，和上面實現兩個圖標的步驟是一樣的，就不再一一列舉了