因?yàn)槭褂玫腅lement,所以用的是Element的表格組件。之所以這么做,是因?yàn)榫W(wǎng)站有太多的表格要用了,所以寫了公用組件,同是也便于統(tǒng)一樣式和統(tǒng)一修改:

圖1
上圖中,
1處:設(shè)置表格樣式和方法,data:數(shù)據(jù),max-height:最大高度 ,current-change:切換當(dāng)前行,selection-change:勾選
2處: 表格每行是否需要勾選,是否需要序號(hào)
3處 :表格每列的一些樣式,普通的,a鏈接,按鈕,單選框等

圖2
4處:表格行尾操作的樣式,可以用icon,文字,

圖3
5處: 是表格的各處方法,表格勾選,排序,單選行,點(diǎn)擊a鏈接,修改和編輯等

圖4
6處: 點(diǎn)擊表格的整行,單選,表頭樣式的調(diào)整
7處: 設(shè)置表格的最大高度,這里是為了讓表格鋪滿整個(gè)屏幕

圖5

圖6
將上面的表格組件引入后,將tb屬性傳入組件,就可以是使用了。如果不是用的element作為ui組件,可以使用類似方法,