easyui datagrid table在没有数据时显示相关提示内容

老规矩先上图:

当数据为空时相应的提示数据美化,接下来看代码

解决这个问题的方式有很多种博主给出项目中常用的两种:

在这里补充一点 在easyui 1.5 版本 新增一个新的属性emptyMsg 可以直接定义


第一种:

   var body = $(this).data().datagrid.dc.body2;  
   var width = body.width();  

 body.find('table tbody').append('<tr>center><td width = '+width+' style="height: 25px; text-align:       center;color:red;border: 0px solid ;" colspan='+9+'>没有对应的数据!</td></center></tr>');

代码就不过多解析很简单,第一种会把的你的复选框

覆盖掉,列起始位置不会出现复选框;

第二种:

$(this).datagrid('appendRow', {
                                id: '<div style="text-align:center;color:red">没有相关记录!</div>'})

                                .datagrid('mergeCells', { index: 0, field: 'id', colspan: 8 }) 

第二种呢用到easyui 的两个参数 第一个参数appendRow  append 添加 row 行(添加一行) 在最后的插入一行,第二个参数mergeCells它的意思呢是合并单元格 分别有四个参数:

合并单元格,options包含以下属性:
index:行索引。
field:字段名称。
rowspan:合并的行数。

colspan:合并的列数。

第二种呢 列起始位置会出现复选框 附图:

这两种任意选择都可以,到这里就结束了




评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值