EasyUi中的$('#grid').datagrid表头排序显示可排序图标

最新推荐文章于 2024-07-29 02:09:58 发布

小白求学进阶

最新推荐文章于 2024-07-29 02:09:58 发布

阅读量3.7k

点赞数 2

分类专栏： JAVA Web JS 文章标签： EasyUI jQuery

本文链接：https://blog.csdn.net/weixin_40295575/article/details/81974900

版权

第一步：设置datagrid可排序的表头，关键代码附上（以下是自定义投票项目代码的一小节）

{
		field : 'average',
		title : '平均分数',
		width : 120,
		align : 'center',
		sortable:true,//这个
		formatter:function(value,rowData,rowIndex){
			if(value==null)
				return "未有评委评分";
			else
				return value;
		}
	}]];



$('#grid').datagrid( {
			iconCls : 'icon-forward',
			fit : true,
			border : false,
			rownumbers : true,
			striped : true,
			pageList: [100,200],
			pagination : true,
			toolbar : toolbar,
			remoteSort:false,//这个
			url : "${pageContext.request.contextPath}/adminVote_pageQueryBpfrDetail.action",
			idField : 'id',
			columns : columns
		});

第二步：找到你想要的图标，这里就给你们附上一个常用的小图标吧。自己下载保存命名为sorter.png，其实名字跟到时候改的样式一致即可。图片需要需要放在easyUI的文件里面。