Ant-Design表格中的表格行悬停颜色如何更改？
创始人
2024-11-07 07:01:26
0次
你可以使用以下CSS样式选择器来更改Ant-Design表格的表格行悬停颜色：
.ant-table-tbody > tr:hover > td { background-color: #f5f5f5; }
此样式选择器将更改表格行悬停时的背景颜色为灰色(#f5f5f5)，你可以将其替换为你想要的任何颜色。
以下是一个完整的Ant-Design表格示例，它将更改表格行悬停颜色为红色：
import React from 'react'; import { Table } from 'antd';
const dataSource = [ { key: '1', name: 'Mike', age: 32, address: '10 Downing Street', }, { key: '2', name: 'John', age: 42, address: '10 Downing Street', }, ];
const columns = [ { title: 'Name', dataIndex: 'name', key: 'name', }, { title: 'Age', dataIndex: 'age', key: 'age', }, { title: 'Address', dataIndex: 'address', key: 'address', }, ];
const App = () => { return (