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表格还没有解决办法,如有大神知道本质原因 ,麻烦告知

  • 相关阅读:
    Light oj 1197
    UVA 11426 GCD
    Light oj 1236
    Light oj 1138
    Light oj 1214-Large Division (同余定理)
    Light oj 1234
    HDU
    ZOJ 3469 Food Delivery(* 区间DP 总结)
    二分查找整理
    zoj 3965 Binary Tree Restoring(* dfs)
  • 原文地址:https://www.cnblogs.com/wangrongjie/p/12484729.html
Copyright © 2011-2022 走看看