zoukankan      html  css  js  c++  java
  • 使用Ant Design的Table表格最后一列固定(fixed)出现重复

     操作列右侧固定。在列很少或是屏幕伸缩的情况下出现重复问题

    对于没有bordered边框解决方案

    {
            title: '编号',
            dataIndex: 'id',
            sorter: true,
             100,
            align: 'left',
            render: text => text || '-'
        },
        {
            title: '用户姓名',
            dataIndex: 'realName',
            sorter: true,
             200,
            align: 'left',
            render: text => text || '-'
        }, 
        {
          title: ''   //此处添加一个空列,让此列去自适应一行宽度
        },
        {
            title: '编辑',
            key: 'action',
             300,
            fixed: 'right',
            align: 'center',
            render: record => {
              return ... //省略
            }
        }
    

    空列自适应宽度。

    分析原因: Table的 fixed 会单独重写一个table结构,在列少的情况下,原table的列会展示出来,本菜鸟没找到因为啥这样,只能加个假列,有bordered表格还没有解决办法,如有大神知道本质原因 ,麻烦告知

  • 相关阅读:
    模块-和包
    re模块
    递归函数
    内置函数
    C++ 创建文件的方法
    C++多态的实现条件
    C++常见错误总结
    Http客户端跳转和服务器端跳转的区别
    struts1学习
    Java 核心读书笔记 第11章
  • 原文地址:https://www.cnblogs.com/wangrongjie/p/12484729.html
Copyright © 2011-2022 走看看