因?yàn)槭褂玫腅lement,所以用的是Element的表格組件侠驯。之所以這么做抡秆,是因?yàn)榫W(wǎng)站有太多的表格要用了,所以寫(xiě)了公用組件吟策,同是也便于統(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組件尝艘,可以使用類(lèi)似方法,