antd表格具体操作

原创已于 2023-03-11 09:04:59 修改 · 305 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#sql #数据库

于 2023-03-11 08:45:30 首次发布

<Table
        //key
        rowKey="id"
        //数据    
        dataSource={data}
        columns={columns}
        //loading
        loading={loading}
        //宽度
        scroll={{
          x: 1600,
        }}
        //分页
        pagination={{
          pageSize: 5,
          total: count,
          onChange
        }}
      />;

{
      title: '操作',
      //居中
      align: 'center',
      //在右边悬浮
      fixed: 'right',
      width: 200,
      render: ({ id }) => {
        return (
          <div styleName='blue'>
            <span onClick={() => { yeply(id) }}>回复</span>
            <span onClick={() => { del(id) }}>删除</span>
          </div>
        );
      },
    },