antd table添加序号,antd table 后端排序

　　本文主要介绍了antd表根据表中日期的排序操作，具有很好的参考价值。希望对大家有帮助。来和边肖一起看看吧。

　　表格内容

　　根据账单日期升序排列(以下是排序效果)

　　上部代码

　　代码中的数据内容如下

　　按照paper_date排序，因为这种格式目前不支持比较，所以需要先转换成时间戳。

　　新日期(aTimeString)。getTime()

　　之后，将其与安装的时间戳进行比较。用于比较的函数是。排序，用于比较的代码是。

　　data.sort(函数(a，b) {

　　设aTimeString=a.paper _ date

　　设bTimeString=b.paper _ date

　　设aTime=新日期(aTimeString)。getTime()；

　　设bTime=新日期(bTimeString)。getTime()；

　　返回aTime-b time；

　　});

　　附：知识是用来记录你遇到的问题的解决方法的。不要喷。

　　补充知识：antd的Table后端排序(列升降序)的坑

　　Anttable列的升序和降序需要sorter属性。

　　因为分页是后端分页，所以排序也必须由后端排序来完成(因为前端得到的数据只有一页，无法正确排序)。

　　Sorter: (a，b)={//什么都不要写，不需要前端排序，排序图标只有写sorter}才会出现，

　　这里会有一个坑。接口请求的数据显然是排序正确的，传递给dataSource是正常的。为什么渲染的数据是错误的？因为前端又没有完全自己排序。

　　此时sorter不应该写成回调函数，而应该写成sorter: true。

　　常量列=[{

　　标题：姓名，

　　数据索引：“名称”，

　　过滤器：[{

　　文本：“乔”，

　　值：“乔”，

　　}, {

　　文本：“吉姆”，

　　值：“吉姆”，

　　}, {

　　文本：“子菜单”，

　　值：“子菜单”，

　　孩子：[{

　　文本：“绿色”，

　　值：绿色，

　　}, {

　　文本：“黑色”，

　　值：黑色，

　　}],

　　}],

　　//指定过滤结果的条件

　　//这里是查找以“值”开始的名称

　　onFilter:(值，记录)=record.name.indexOf(值)===0，

　　//sorter: (a，b)=a.name.length - b.name.length，

　　分拣员：没错，

　　}]

　　如果没有写回调，后端排序请求应该发送到哪里？

　　CustomTable //封装的表组件具有相同的属性。

　　rowKey=projId

　　size=小

　　style={{ height: tableHeight }}

　　列={columns}

　　table data={ this . state . table data }

　　expandedRowRender={ this . expandedRowRender }

　　分页={pagination}

　　handletablechange={ this . handletablechange }//在此发送请求以处理后端排序。

　　scroll={{ y: tableScrollHeight，x: 1660 }}

　　tablerow selection={ this . tablerow selection }

　　/

　　以上antd表按表中日期排序操作，就是边肖共享的全部内容。希望给大家一个参考，多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。