Loading, please wait 信息不会在数据加载完成后隐藏
[英]Loading, please wait message doesn't hide after the data has been loaded
问题描述
我有这个 bootstrap-table data.table，加载所有数据后，消息继续显示。 任何人都知道为什么会这样？ 先感谢您。
<table class='table table-striped table-hover' id='main_table' data-url={{ db_json }} data-click-to-select='true' data-filter-control="true" clickToSelect='true'>
<thead>
<tr>
<th data-checkbox="true" data-checkbox-enabled="true"></th>
<th data-field="ID" data-visible="false">Id</th>
<th data-field="data1" data-filter-control="input">data1</th>
<th data-field="data2" data-filter-control="select">data2</th>
<th data-field="data3" data-filter-control="select">data3</th>
</tr>
</thead>
</table>
3 个解决方案
解决方案1
8 2021-02-27 15:03:10
我遇到了同样的问题，我找到的解决方案是将来自 bootstraptable 的 css 文件包含在 html 文件的头部。
<head>
<link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.2/dist/bootstrap-table.min.css">
</head>
另外，如果您使用的是本地文件，请不要忘记参考bootstrap-table.min.css文件。
解决方案2
0 2022-02-11 18:42:22
对我有用的是用我自己的覆盖 Bootstrap 的 CSS。 在 Bootstrap CSS 链接后必须在 HEAD 中声明的yourname.css文件中，包括以下内容：
.fixed-table-loading {
visibility: hidden;
top: 0px;
display: none;
}
.loading-wrap {
visibility: hidden;
display: none;
}
.table-loading {
visibility: hidden;
display: none;
}
.loading {
visibility: hidden;
display: none;
}
这可以防止包含“正在加载，请稍候”的 div 出现。
解决方案3
0 2023-01-06 03:15:10
我遇到了同样的问题，刚刚解决了。 我的问题是我添加了媒体
一开始我用这个，没问题。
<link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.21.2/dist/bootstrap-table.min.css">
然后我将文件保存到我的本地
<link href="{{ asset('ocadmin-asset/stylesheet/bootstrap-table-1.21.2.min.css') }}" rel="stylesheet" media="screen">
屏幕上没有问题，但打印时出现加载消息。 这是因为 media="screen" 不应该存在。
页面加载后加载图像
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.