bootstrapTable 取消 loading效果

最新推荐文章于 2025-05-12 13:09:40 发布

原创

最新推荐文章于 2025-05-12 13:09:40 发布 · 2.2k 阅读

2 ·

CC 4.0 BY-SA版权

在Bootstrap Table中，通过设置showloading: false无法取消加载效果。一种解决办法是结合使用‘hideLoading’方法及移除相关DOM元素，例如：$('#table').bootstrapTable('hideLoading'); $('.fixed-table-loading').remove(); $('.no-records-found').remove(); 若有更优方案，期待交流。

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

使用showloading：false 不起效，纠结了许久写下的一种笨方法，如果有更好的解决方案，欢迎评论

$(’#table’).bootstrapTable(“hideLoading”);
$(’.fixed-table-loading’).remove();
$(’.no-records-found’).remove();

var _this = this;
        $('.no-records-found').remove();
        $('#table').bootstrapTable("hideLoading");
        $('.fixed-table-loading').remove();
        $('#table').bootstrapTable({
   
   
            url:'xxx',
            striped : true, //是否显示行间隔色
            pageNumber : 1, //初始化加载第一页
            pagination : true,//是否分页
            sidePagination : 'server',//server:服务器端分页|client：前端分页
            pageSize : 10,//单页记录数
            pageList : [],//可选择单页记录数
            showRefresh : false,//刷新按钮
            dataField: "data",
            ajaxOptions:{
   
   
                headers:{
   
   'user-id':$.cookie('user_id')}