DataTables特殊字符的前端排序问题

使用DataTables排序时会遇到某些特殊列排序问题,一般的排序列是数字或者字母或者汉字,DataTables会根据自己的默认规则排序,但是像某些特殊列,他们是图片或者其他别的(如下图1),


DataTables往往无法正确排序,这是需要在配置项里columnDefs里添加如下代码:

{
	"targets": [ 0 ],  //第一列
	data : "ue_type",  //对应的列名
	render : function ( data, type, row ) {  //列渲染时执行的回调
		if ( type === 'display' || type === 'filter' ) {
			var className = "";
			var statusText= "";
			//根据data值,来判断显示什么图片
			if(data==2){   
			<span style="white-space:pre">	</span>className = "icon_slow";
			  	statusText = "较慢";
			}else if(data == 3){
			  	className = "icon_slowly";
			  	statusText = "很慢";
			}else if(data == 4){
			  	className = "icon_stagnation";
			  	statusText = "停滞";
			}
			return  '<span class="'+className+' hovershow" data-placement="top" data-original-title="'+statusText+'"></span>';
		}
		return data;
	}
},

这里把展示和排序各用一套数据,展示用的图片,排序是根据data的值排序,这样就解决了特殊值排序的方法。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值