js jQuery 表格table暂无数据显示实现

smart_cwx

于 2020-03-24 14:01:53 发布

阅读量2k

点赞数 1

分类专栏： js jQuery layui 文章标签： js jquery

本文链接：https://blog.youkuaiyun.com/cwx_csdn/article/details/105070287

版权

js 同时被 3 个专栏收录

1 篇文章

订阅专栏

jQuery

1 篇文章

订阅专栏

layui

1 篇文章

订阅专栏

本文介绍了一种在EasyUI Grid组件中实现无数据提示的方法。通过检查Grid的记录数，若为0则在Grid上方添加自定义的无数据提示信息，增强了用户体验。此方法适用于需要展示动态数据的表格场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//目标grid

$.grid("gridTable" + gridId, gridData, {
            url: "xxx",
            fields: [xxxx],
            gridComplete:function () {
                isTableNull("gridTable" + gridId);
            }
        })

//判断是否有数据，是否需要加无数据提示

function isTableNull(tableid){ // tableid 为表格id
        var re_records = $("#"+tableid).getGridParam('records');
        if(re_records === 0 || re_records == null){
            $("#"+tableid).parent().append("<div class=\""+tableid+"\" style=\"text-align: center;color: #333333;line-height: 40px;border-bottom: 1px solid #bce8f1;\">暂无相应数据！</div>");
            $("."+tableid).show();
        } else{
            $("."+tableid).hide();
        }
    }

代码：

效果：
效果图