ANT 的Table表格樣式修改方法

小壞12388發表於2018-03-09

注:(大家在給頁面新增引數或者方法的時候,記得寫上註釋,方便別人檢視)

1.表格行選中樣式新增:(可以去beijing,精子庫質控統計檢視例子)

(我們們以前頁面上的表格都是在hover時顯示選中效果,現在可以實現選中時就顯示選中效果)

實現方法:

1) 需要在state中新增,選中引數

 

2) 在table元件中新增兩個引數配置

 

3)js中加上選中的方法,

 

 

2.表格內部樣式修改:(這裡只寫了左右樣式其他樣式自己可以試一試)

第一種方法:

 

表格內容居左居右

 

在columns加上className,因為我們們框架index.less的樣式會覆蓋掉所寫樣式所以要改變摸個表格樣式需要在index.less新增樣式

 

 

第二種方法:global(可以理解為全站樣式)

可以在需要改變樣式的表格頁面新增相對應的index.less,改變的表格樣式要通過

:global{ }包裹才能生效

 

相關文章