• 关于proTable设置列固定,始终没有固定的效果的原因


    使用proTable设置操作列固定

    const columns: ProColumns<IssueItem>[] = [
       {
          title: '操作',
          valueType: 'option',
          key: 'option',
           120,
          fixed: 'right'   //这里设置了固定
    }

    在Protable中

    <ProTable<IssueItem>
            scroll={{ x: 1300 }}
            columns={columns}
            actionRef={actionRef}
            formRef={formRef}
            columnsState={{
              persistenceKey: 'pro-table-singe-demos',
              persistenceType: 'localStorage'
            }}
            rowKey="id"
            
            dateFormatter="string"
            toolBarRender={() => [
              <Button key="button" icon={<PlusOutlined />} type="primary" onClick={() => modelChange(true, 'add')}>
                新建
              </Button>
            ]}
          />

    效果是,下面有滚动条,但是操作列不会固定,原因是因为我,直接copy的官网的例子,例子中有

    columnsState={{
        persistenceKey: 'pro-table-singe-demos', //把这个的value值更新或者是直接不要设置columnsState就可以解决这个问题
    persistenceType: 'localStorage'
    }}
  • 相关阅读:
    数据结构中的知识
    Java中的小知识
    安装Linux虚拟机
    2.Two Sum
    1005. Maximize Sum Of Array After K Negations
    Leetcode刷题记录
    Markdown的使用笔记
    CCF历年试题总结
    在Linux上搭建Hadoop
    配置和使用连接池
  • 原文地址:https://www.cnblogs.com/fyjz/p/16382490.html
Copyright © 2020-2023  润新知