antd 设置表头背景颜色
时间: 2023-09-12 19:05:21 浏览: 359
点击按钮设置表格背景色
4星 · 用户满意度95%
你可以通过自定义表头的 `th` 元素的样式来设置表头的背景颜色。具体的方法如下:
1. 在你的样式文件(如 `index.css` 或 `index.less`)中定义一个样式规则来设置表头的背景颜色,如下所示:
```css
.ant-table-thead > tr > th {
background-color: #f0f0f0;
}
```
这里我设置的背景颜色是 #f0f0f0,你可以根据实际需要设置其他颜色。
2. 在组件中引入你的样式文件,如下所示:
```jsx
import React from 'react';
import { Table } from 'antd';
import './index.css';
const dataSource = [
// ...
];
const columns = [
{
title: 'Name',
dataIndex: 'name',
key: 'name',
},
// ...
];
const App = () => {
return <Table dataSource={dataSource} columns={columns} />;
};
export default App;
```
这里我把样式文件命名为 `index.css`,你需要根据实际情况修改文件名和路径。
这样就可以设置表头的背景颜色了。
阅读全文