当前位置: 首页 > 知识库问答 >
问题:

前端 - 如何使用el-table渲染嵌套的数据?

孙夕
2024-06-26
"rows": [        {            "id": "1",            "projectName": "页面名称1",            "activityList": [                {                    "id": "2",                    "activityName": "test1",                },                {                    "id": "3",                    "activityName": "test2",                }            ],        }    ]

请问这样的数据在el-table里如何渲染出来,activityList也要渲染

id activityList
1 test1(2),test2(3)

这样的数据应该如何去渲染
还是处理一下rows里面的activityList这个数据?

共有2个答案

颛孙英勋
2024-06-26

在自定义列里再插一个table

郎和通
2024-06-26

你可以在拿到数据后,先处理下rows里面的activityList数据,也可以在渲染表格的时候使用自定义列模板来自定义你要渲染的内容

 类似资料:
  • 问题内容: 我有一个带有以下渲染的组件: policyLegend是一个对象数组,每个对象内都有一个“值”数组。 构建应用程序时,我没有收到任何错误,但是在组件页面上没有任何显示。我不确定我要去哪里错,请多多指教,谢谢。 问题答案: 这是因为您没有在policyLegend映射内返回任何内容。试试这个:

  • 问题内容: 我将如何呈现一个带有嵌套项目的菜单,而该嵌套项目的子对象数量不明,如下面的示例所示,该对象的反应如何? 问题答案: Codesandbox示例 您只需要递归调用Menu组件,其子组件即可显示并作为数据道具传递。

  • 问题内容: 我映射了多个对象。 我如何嵌套一个循环,以便首先遍历对象,然后遍历(在此示例中)城市?谢谢! 我的没有嵌套外观的渲染函数如下所示: 城市对象示例: 问题答案: 您可以使用嵌套映射来映射内部子对象以及

  • ResizeObserver loop limit exceeded 为什么本地会报这个错,正式环境上没有?

  • el-table有一个筛选功能,筛选和重置都没有问题;但是表格上面还有单独写的查询功能,现在的业务要求是点击上面的查询按钮,可以获取到筛选那儿都勾选了哪些,去做查询,目前不清楚如何获取到勾选的数据。 因为只有点击了筛选或重置才会触发事件,了解到勾选了哪些,现在触发查询在另外一个地方,不知道应该怎么办了 希望获取到勾选的数据。

  • 点击打印后可以打印表格和表单的数据,同时样式也在 改用vue-print-nb解决了整个问题

  • 问题内容: 我试图将我的一些路由与React Router v4一起分组以清理一些组件。现在,我只想将非登录路由组和管理路由分组在一起,但是以下操作无效。 main.js public.js Greeting组件显示在“ localhost:3000 /”,但SignupPage组件显示在“ localhost:3000 / signup”,而Login组件不显示在“ localhost:3000

  • 问题内容: 如何在 呈现字符串之前获取字符串将占用的行数。 将不起作用,因为它们仅在呈现后才被触发。 问题答案: final Rect bounds = new Rect(); final Paint paint = new Paint(); paint.setTextSize(currentTextSize); paint.getTextBounds(testString, 0, testStr