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

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

哈沛
2023-06-15

具体问题是他渲染时自动隐藏了父级,只显示子级。超出也可以滑动但是左侧没有固定,我不知道是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: "无病原学结果-死亡数",
            },
          ],

        },
      ],

效果图:

共有1个答案

林烨烨
2023-06-15

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

 类似资料:
  • 例如,它将以1开始,然后将2添加到列表中,得到1-2。然后将检查1-2以查看序列是否符合递增/递减的规则。当它符合时,将3相加,得到1-2-3。然后检查1-2-3,这不符合。所以我们会回到1,现在加3而不是2,给出1-3等等。 我在用C。

  • 我想要列列表和它的表名在数据库中的列具有所有空值。 此表太大,有些列只有空值。 我想要一个存储过程,列出表中没有任何数据的列(即NULL)。 这样我就可以削减列的数量。 我只是展示了几个专栏,这样你就可以阅读了。原始表有324列和数百万行数据。对于该代码来说,性能不是一个紧迫的问题。我需要这个只是为了内部目的。 这是mysql解决方案,我需要一个SQL服务器解决方案

  • 问题内容: 我正在尝试建立一个具有三列的flexbox布局,其中左列和右列具有固定的宽度,而中间列可以弯曲以填充可用空间。 尽管设置了列的尺寸,但它们似乎仍会随着窗口缩小而缩小。 有人知道如何做到这一点吗? 我需要做的另一件事是基于用户交互隐藏右列,在这种情况下,左列仍将保持其固定宽度,而中间列将填充其余空间。 问题答案: 除了使用(这是使用flexbox时的建议)之外,您还可以使用以下方法: =

  • https://codepen.io/cynthia0329/pen/poBdwEd 如上面例子,但鼠标快速hover的时候,可以截到如下的图,应该是固定列的hover不一致导致的,要如何解决这个问题? 如果鼠标放在普通列,感觉固定列的hover慢了一阵子 如果鼠标放在固定列,则普通列的hover慢了

  • 我有一个活动选项卡的自动播放选项卡类current,这意味着当选项卡是活动的时,列表项有一个名为current的类。 现在我要向第一个子 添加不同的类 null null

  • 本文向大家介绍vue iview 隐藏Table组件里的某一列操作,包括了vue iview 隐藏Table组件里的某一列操作的使用技巧和注意事项,需要的朋友参考一下 1、假设我要隐藏columns里的 “账户组名称” 2、根据各自需求去判断 示例:如果是单账户表标题显示"账号ID、账号名称" 如果是账户组表标题显示"账户组名称" 补充知识:vue——动态控制表格列的显示和隐藏 如下所示: 如图,