antd 修改 Table 组件行样式

最新推荐文章于 2024-08-08 17:11:49 发布

逍康

最新推荐文章于 2024-08-08 17:11:49 发布

阅读量422

点赞数

分类专栏：组件库文章标签： css html 前端

本文链接：https://blog.csdn.net/lsk222/article/details/129175497

版权

组件库专栏收录该内容

7 篇文章 1 订阅

订阅专栏

// 更改 antd table 组件 行样式
.ant-table table {
  // 这一行一定要加，才能随心所欲改样式
  border-collapse: collapse !important;
}
 .table-row {
  background-color: #112549;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  height: 50px;
  padding: 0;
  border-top: 10px solid rgba($color: #464545, $alpha: 0.0);
 }

table 添加属性 rowClassName: 'table-row'

antd 有时候改自带的属性比较费时间记录一下