bootstrap table 加载数据的时候隐藏加载动画

当 Bootstrap Table 加载数据时，默认会显示加载动画。如果需要隐藏加载动画，可以通过设置 `loading` 选项来实现。

具体来说，可以在初始化表格时，将 `loading` 选项设置为 `false`，如下所示：

$('table').bootstrapTable({
  url: 'data.json',
  loading: false, // 关闭加载动画
  // 其他选项...
});

这样就可以在加载数据时隐藏加载动画了。

另外，如果需要在数据加载完成后再显示加载动画，可以在 `onLoadSuccess` 事件中手动显示加载动画，如下所示：

$('table').bootstrapTable({
  url: 'data.json',
  loading: false, // 关闭加载动画
  onLoadSuccess: function() {
    $('table').bootstrapTable('showLoading');
  },
  // 其他选项...
});

这样就可以在数据加载完成后再显示加载动画了。

相关问题

bootstrap-table重载_BootstrapTable的使用教程

Bootstrap Table 是一个基于 Bootstrap 的强大的、响应式的表格插件，它具有丰富的功能和灵活的配置选项。在使用 Bootstrap Table 时，有时需要重载表格来更新数据或者重新渲染表格。下面是关于如何重载 Bootstrap Table 的使用教程：

1. 获取 Bootstrap Table 对象

在重载 Bootstrap Table 之前，需要先获取 Bootstrap Table 对象。可以通过以下方式获取：

var table = $('#table').bootstrapTable('getOptions');

其中，'#table' 是你的表格的 ID，可以根据你的实际情况进行修改。

2. 重载 Bootstrap Table

重载 Bootstrap Table 的方法有多种，以下是其中的两种常用方法：

（1）使用 load 方法

load 方法可以重新加载表格数据并重新渲染表格，可以通过以下方式调用：

$('#table').bootstrapTable('load', data);

其中，data 是你要重新加载的数据，可以是一个数组或者是一个 URL。

（2）使用 refresh 方法

refresh 方法可以重新渲染表格，但不会重新加载数据。可以通过以下方式调用：

$('#table').bootstrapTable('refresh', {silent: true});

其中，{silent: true} 参数表示不显示刷新动画效果。

3. 完整示例

下面是一个完整的示例，演示如何重载 Bootstrap Table：

// 获取 Bootstrap Table 对象
var table = $('#table').bootstrapTable('getOptions');

// 重新加载数据
$.ajax({
    url: '/data',
    type: 'get',
    dataType: 'json',
    success: function(data) {
        // 重新加载数据
        $('#table').bootstrapTable('load', data);
    }
});

// 重新渲染表格
$('#table').bootstrapTable('refresh', {silent: true});

在这个示例中，首先通过 getOptions 方法获取 Bootstrap Table 对象，然后使用 jQuery 的 ajax 方法重新加载数据，最后使用 refresh 方法重新渲染表格。

希望这个使用教程对你有所帮助。