vue中设置共用表格组件

因为使用的Element，所以用的是Element的表格组件。之所以这么做，是因为网站有太多的表格要用了，所以写了公用组件，同是也便于统一样式和统一修改：

图1

上图中，

1处：设置表格样式和方法，data：数据，max-height:最大高度 ，current-change:切换当前行,selection-change：勾选

2处： 表格每行是否需要勾选，是否需要序号

3处 ：表格每列的一些样式，普通的，a链接，按钮，单选框等

图2

4处：表格行尾操作的样式，可以用icon，文字，

图3

5处： 是表格的各处方法，表格勾选，排序，单选行，点击a链接，修改和编辑等

图4

6处： 点击表格的整行，单选，表头样式的调整

7处： 设置表格的最大高度，这里是为了让表格铺满整个屏幕

图5

图6

将上面的表格组件引入后，将tb属性传入组件，就可以是使用了。如果不是用的element作为ui组件，可以使用类似方法，