antd 表格 单行字体加粗
时间: 2023-07-24 14:31:35 浏览: 108
您可以通过在表格的列定义中设置 `render` 属性,来实现单元格内文字加粗的效果。示例代码如下:
```jsx
import { Table } from 'antd';
const dataSource = [
{
key: '1',
name: 'John Brown',
age: 32,
address: 'New York No. 1 Lake Park',
},
{
key: '2',
name: 'Jim Green',
age: 42,
address: 'London No. 1 Lake Park',
},
{
key: '3',
name: 'Joe Black',
age: 32,
address: 'Sidney No. 1 Lake Park',
},
];
const columns = [
{
title: 'Name',
dataIndex: 'name',
key: 'name',
render: (text) => <b>{text}</b>, // 设置单元格内文字加粗
},
{
title: 'Age',
dataIndex: 'age',
key: 'age',
},
{
title: 'Address',
dataIndex: 'address',
key: 'address',
},
];
const App = () => {
return <Table dataSource={dataSource} columns={columns} />;
};
export default App;
```
在上面的示例中,我们在 `columns` 数组中的 `render` 方法中,将单元格内的文字用 `<b>` 标签包裹,实现了加粗的效果。
阅读全文