如何解决在制表符javascript中进行排序后,如何在顶部获得特定行?
使用制表符执行排序后,我试图将表格的行放在顶部。制表器中是否有内置功能可以实现此目的?
示例:
实际表格:
斯诺动物城
1条波士顿狗
2猫芝加哥
3只老鼠得克萨斯州
4 Eagle Colorado
返回表:
根据动物分类后,我需要在老鼠身上找到猫
斯诺动物城
3只老鼠得克萨斯州
2猫芝加哥
1条波士顿狗
4 Eagle Colorado
解决方法
您有两种选择可以实现此目的。您可以使用自定义排序功能来确保将它们移到表格顶部:
{title:"Name",field:"name",sorter:function(a,b,aRow,bRow,column,dir,sorterParams){
//a,b - the two values being compared
//aRow,bRow - the row components for the values being compared (useful if you need to access additional fields in the row data for the sort)
//column - the column component for the column being sorted
//dir - the direction of the sort ("asc" or "desc")
//sorterParams - sorterParams object from column definition array
// logic to normally sort rows an ensure row is on the top.
return a - b;
},}
有关如何构建自定义分类器的详细信息,请参见Sorting Documentation
,或者您可以结合使用 dataSorted 回调和 moveRow
var table = new Tabulator("#example-table",{
dataSorted:function(sorters,rows){
//sorters - array of the sorters currently applied
//rows - array of row components in their new order
var rowID = 2 the id for the row you want to move
table.moveRow(2,table.getRows()[0],true); //move the row with an id of 2 and insert it at the top of the table
},});
有关如何移动行的详细信息,请参见{可移动行文档](http://tabulator.info/docs/4.8/move#example-table-movable-rows)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。