使用Iview里面的Table我加了一个超出固定左列，同时那一列有个children属性他就没有生效？

• Z时代
• 2024-03-03
• 分类：IT

具体问题是他渲染时自动隐藏了父级，只显示子级。超出也可以滑动但是左侧没有固定，我不知道是Iview本身的bug还是我用法有问题。原文表头是动态反的我简单写了个例子

<Table :columns="columns" :data="data" border ></Table>
//表头
  columns: [
        {
          fixed: 'left',
          title: "疾病类型",
          key: "疾病类型",
          align: 'center',
          children: [
            {
              minWidth: 120,
              align: 'center',
              title: "分人群分类",
              key: "疾病类型-分人群分类"
            },
            {
              minWidth: 120,
              align: 'center',
              title: "其他分类",
              key: "疾病类型-其他分类"
            },
          ],
        },
        {
          title: "合计",
          key: "合计",
          align: 'center',
          minWidth: 120,
          children: [
            {
              minWidth: 120,
              align: 'center',
              title: "发病数",
              key: "合计-发病数"
            },
            {
              minWidth: 120,
              align: 'center',
              title: "死亡数",
              key: "合计-死亡数",
            },
          ],
        },
        {
          title: "肺结核",
          key: "肺结核",
          align: 'center',
          minWidth: 120,
          children: [
            {
              minWidth: 120,
              align: 'center',
              title: "发病数",
              key: "肺结核-发病数"
            },
            {
              minWidth: 120,
              align: 'center',
              title: "死亡数",
              key: "肺结核-死亡数",
            },
          ],
        },
        {
          title: "利福平耐药",
          key: "利福平耐药",
          align: 'center',
          minWidth: 120,
          children: [
            {
              minWidth: 120,
              align: 'center',
              title: "发病数",
              key: "利福平耐药-发病数"
            },
            {
              minWidth: 120,
              align: 'center',
              title: "死亡数",
              key: "利福平耐药-死亡数",
            },
          ],
        },
        {
          title: "病原学阳性",
          key: "病原学阳性",
          align: 'center',
          minWidth: 120,
          children: [
            {
              minWidth: 120,
              align: 'center',
              title: "发病数",
              key: "病原学阳性-发病数"
            },
            {
              minWidth: 120,
              align: 'center',
              title: "死亡数",
              key: "病原学阳性-死亡数",
            },
          ],
        },
        {
          title: "病原学阴性",
          key: "病原学阴性",
          align: 'center',
          minWidth: 120,
          children: [
            {
              minWidth: 120,
              align: 'center',
              title: "发病数",
              key: "病原学阴性-发病数"
            },
            {
              minWidth: 120,
              align: 'center',
              title: "死亡数",
              key: "病原学阴性-死亡数",
            },
          ],
        },
        {
          title: "无病原学结果",
          key: "无病原学结果",
          align: 'center',
          minWidth: 120,
          children: [
            {
              minWidth: 120,
              align: 'center',
              title: "发病数",
              key: "无病原学结果-发病数"
            },
            {
              minWidth: 120,
              align: 'center',
              title: "死亡数",
              key: "无病原学结果-死亡数",
            },
          ],
        },
      ],

效果图：

回答：

问题解决了，在children里面也要同步加上fixed，就可以了

以上是 使用Iview里面的Table我加了一个超出固定左列，同时那一列有个children属性他就没有生效？ 的全部内容， 来源链接： utcz.com/p/934462.html