天天看點

jquery 給類名元素添加行内樣式_element UI table元件 修改單獨行/列樣式

部落格:https://blog.csdn.net/weixin_40297452/article/details/100126655

問題:因為我重寫了一點樣式,那個表頭的第一列padding-left:0 (工程量緊靠着左邊);

需求:工程量這列不能緊靠着左邊,留點空隙,并給table thead 加邊框

jquery 給類名元素添加行内樣式_element UI table元件 修改單獨行/列樣式

第一種方法:給table加一個類名,然後指定第一列和 表頭的第一列

.second-table td:first-of-type,.second-table th:first-of-type{      padding-left: 15px;    }
           

第二種方法:這種方法是加到行内樣式,謹慎使用

//表格中加入::header-cell-style="secondheadCellStyle"//在methods中寫一個方法 secondheadCellStyle({ row, column, rowIndex, columnIndex }) {  // 一級表頭行的 style 的回調方法      if (rowIndex == 0) {          return {"border":"1px solid #e6edf0 !important"}      }  },
           
jquery 給類名元素添加行内樣式_element UI table元件 修改單獨行/列樣式
jquery 給類名元素添加行内樣式_element UI table元件 修改單獨行/列樣式
jquery 給類名元素添加行内樣式_element UI table元件 修改單獨行/列樣式

繼續閱讀