解决bootstrap table刷新加载时白色闪屏问题

简介: 解决bootstrap table刷新加载时白色闪屏问题

根据项目需要,把bootstrap table都改成了蓝色的风格,但是今天测试的时候发现了一个小的问题。每次刷新加载的数据的时候,总是会有一闪而过的白屏。很影响交互效果,这个时候,需要找到bootstrap table插件里面的默认的css。

.fixed-table-loading {
  display: none;
  position: absolute;
  top: 42px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  background-color: #fff;
  text-align: center
}

background-color: #fff;的颜色改成表格统一的颜色即可

相关文章
|
JSON 前端开发 数据格式
bootstrap table表格的点击详情按钮操作
bootstrap table表格的点击详情按钮操作
106 1
Bootstrap5 加载效果3
通过使用 `.spinner-border-sm` 或 `.spinner-grow-sm` 类,可以调整加载效果的大小。示例代码展示了如何在按钮中嵌入这些加载图标,包括普通按钮、带有文字的按钮以及禁用状态的按钮。
Bootstrap5 加载效果2
使用 `.spinner-grow` 类可以创建闪烁的加载效果,配合不同的 `text-` 颜色类(如 `text-primary`、`text-success` 等)可以生成多种颜色的加载动画。
|
1月前
|
前端开发
Bootstrap5 加载效果1
Bootstrap 5 提供了 `.spinner-border` 类来创建加载中效果。通过简单的 HTML 代码即可实现旋转的加载图标。此外,还可以结合文本颜色类(如 `text-primary`、`text-success` 等)来自定义加载图标的颜色。
|
7月前
|
前端开发 容器
bootstrap table 设置自定义列宽
【5月更文挑战第4天】bootstrap table 设置自定义列宽
|
前端开发 JavaScript
Bootstrap Table根据参数搜索功能
Bootstrap Table根据参数搜索功能
103 0
|
7月前
|
前端开发
Bootstrap 5 保姆级教程(六):进度条 & 加载效果
Bootstrap 5 保姆级教程(六):进度条 & 加载效果
|
前端开发
bootstrap table表格去掉排序箭头
bootstrap table表格去掉排序箭头
208 2
|
前端开发
bootstrap table表格外面的边框全部去掉
bootstrap table表格外面的边框全部去掉
218 1
|
前端开发 JavaScript Java
Bootstrap Table批量(全选)删除
Bootstrap Table批量(全选)删除
104 1
下一篇
DataWorks