天天看点

jQgrid自定义表格无数据显示-暂无数据提示

添加代码-修改jqgrid源码

ui.jqgrid.js文件-针对版本4.6.0

使用css样式作为背景图,也可使用图片标签

jQgrid自定义表格无数据显示-暂无数据提示
if (ts.p.viewrecords){
					if(ts.p.reccount === 0) {
						$(".ui-paging-info",pgboxes).html(ts.p.emptyrecords);
						/* 2021-03-11 add table内自定义暂无数据提示信息 start*/
						if($("#" + ts.p.id + "_tipcenter").html() == null)
						{
							$("#" + ts.p.id).parent().append(
										'<div id="'+ ts.p.id +'_tipcenter" style="width:100%; height:200px;  text-align:center;">'
										+'<div class="ui-tip-zwsj" style="width:220px; height:100px; padding-top:40px; clear:both; margin:0 auto ;">'
										+'</div></div>'
									);
						}
						
						$("#" + ts.p.id + "_tipcenter").show();
						/* 2021-03-11 add 自定义暂无数据提示信息 end*/
					} else {
						$("#" + ts.p.id + "_tipcenter").hide();/* 2021-03-11 add 自定义暂无数据提示信息*/
						from = base+1;
						tot=ts.p.records;
						if($.fmatter) {
							from = $.fmatter.util.NumberFormat(from,fmt);
							to = $.fmatter.util.NumberFormat(to,fmt);
							tot = $.fmatter.util.NumberFormat(tot,fmt);
						}
						$(".ui-paging-info",pgboxes).html($.jgrid.format(ts.p.recordtext,from,to,tot));
					}
				}
           

css样式

.ui-tip-zwsj{

background-image: url(“images/zwsj.png”);

}