antd的可展开Table的用后感

最新推荐文章于 2024-04-10 05:27:41 发布

努力搬砖121

最新推荐文章于 2024-04-10 05:27:41 发布

阅读量2.3k

点赞数 3

文章标签： reactjs vue.js

本文链接：https://blog.csdn.net/yuanmengfanseven/article/details/112003436

版权

本文分享了在项目中使用antd的可展开Table组件的体验，详细介绍了如何设置展开行及其样式。遇到的问题在于当不设置expandedRowRender时，Table组件会寻找children字段。解决方法是设置childrenColumnName属性，指定数据中用于展开的字段，从而达到预期效果。

摘要由CSDN通过智能技术生成

使用antd中的可展开table表格的用后感

可展开table表格，大概这样的效果

可展开table

基本使用方法 (ant-design官网)

import {
    Table } from 'antd';

const columns = [
  {
    title: 'Name', dataIndex: 'name', key: 'name' },
  {
    title: 'Age', dataIndex: 'age', key: 'age' },
  {
    title: 'Address', dataIndex: 'address', key: 'address' },
  {
   
    title: 'Action'