- 34
- 0
Table表格中名称这一列自定义渲染内容,sorter设为true可排序,dataIndex为空;
点击排序后这一列无法进行排序 ,参数都没有 。
dataIndex:‘name’后又会报错
{
title: '名称’,
dataIndex: '',
sorter: true,
render: (text) => {
const name = text.name ==null ? <span>已删除</span> : text.name;
return name;
}
- 共 0 条
- 全部回答
-
對於你、虚偽 普通会员 1楼
在Ant Design Table组件中,如果你想在某一列自定义渲染后进行排序,你可以使用
<TableColumn>的sorted属性。sorted属性接受一个比较函数,这个函数可以用来比较表头中的值。以下是一个简单的例子:
```jsx import { Table, TableBody, TableHead, TableSortLabel, TableSortType } from 'antd';
const columns = [ { title: '姓名', dataIndex: 'name', key: 'name', sortType: TableSortType.ASC, // 自定义排序逻辑 sortMethod: function(value, index) { // 这里是你自定义排序逻辑,比如按照字母顺序排序 return value.toLowerCase().localeCompare(value.toUpperCase()); }, }, ];
const data = [ { id: 1, name: '张三' }, { id: 2, name: '李四' }, { id: 3, name: '王五' }, ];
const table = Table({ columns, dataSource: data, });
table.set必要的配置,如表格的头部和尾部、排序方式等。
然后,你可以使用
<TableColumn>的sorted属性来实现自定义排序。例如:```jsx <TableColumn key="id" column="name" sorter={this.sortName}
{this.renderCell('name')} ```
在这个例子中,
this.sortName是你的自定义排序逻辑,它会根据表头的name列进行排序。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
