Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >解决bootstrap table刷新加载时白色闪屏问题

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

作者头像

王小婷

发布于 2025-05-19 04:49:00

发布于 2025-05-19 04:49:00

4800

代码可运行

举报

文章被收录于专栏：编程微刊编程微刊

运行总次数：0

代码可运行

根据项目需要，把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;的颜色改成表格统一的颜色即可

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2025-05-16，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

菜鸡博客开……开……开源了!

因为很多人找我要过博皮源码，所以本宝宝经过深思熟虑，最终决定把自己的源码分享给大家！

attack

2018/09/21

2.9K0

bootstrap简洁居中毛玻璃登录源码

bootstrap api html

分享一个bootstrap简洁居中毛玻璃登录源码，感觉很好看，希望大家喜欢。随机图调用杨小杰api接口做了两个，一个是原版的，一个是emlog登录的，还有一个typecho版本的原版源码： <html> <head> <meta itemprop="name" content="杨小杰博客后台"/> <meta itemprop="image" content="http://www.youngxj.cn/logopic.png" /> <meta name="descri

Youngxj

2018/06/06

2.4K0

别找了,小程序实现isbn扫码获取图书信息2022最新可用（保姆级教程内附接口）

小程序 height weui 教程接口

大家好，这篇文章详细的介绍了isbn接口的使用，可以实现自给自足，不用去网上买接口，博主最近在开发芒果校园参加比赛，二手市场若能直接扫描isbn获取图书详情那真的是很方便，于是在网上看到了很多接口，我们来看一下我的踩坑经历：由于版权原因现在直接上成品目前有以下获取到isbn接口的办法：

德宏大魔王

2023/08/08

6390

别找了,小程序实现isbn扫码获取图书信息2022最新可用（保姆级教程内附接口）

BootStrap-table的使用实现排序功能

bootstrap http .net jquery java

BootStrap-table的使用实现排序功能 1.Bootstrap table 官网地址: http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/ 2.下载相应的包后引入 <script src="./js/jquery-3.1.1.js"></script>  <link rel="stylesheet" href="./bootstrap-3.3.

Dream城堡

2018/12/07

2.3K0

正常文档流模式下，后面的dom元素覆盖前面的，如果将前面的元素设置了relative将提升它自身的层级

超然

2018/08/03

2.9K0

每日分享html特效篇之五个加载页面特效和五个导航按钮特效

网站腾讯云开发者社区 html

1.前端工程师主要利用HMTL与CSS建构页面（其中html构建骨架，css构建样式），用JavaScript获取后端数据以及完善交互以及用户体验。 2.通俗来讲，前端在一个项目里，拿到UI设计师设计的设计稿，然后实现UI设计师设计稿，调用后端程序员给的数据接口以获取数据，然后测试，最后部署上线。 3.前端可以对设计图负责,大部分情况下,不需要特别的去理解业务逻辑,因为我们90后都是玩着十几年手机电脑长大的,十几年的经验足够我们在潜意识里想明白应该怎么做,怎么去一步步实现,会有什么意外情况。 4.我感觉前端发展有个很大的缺陷----晋升问题. 正如第三点所言,作为领导必须对项目有足够的了解,显然是要重点包括业务逻辑,这点上,后端开发者需要涉及数据库逻辑,是必须要跟业务逻辑打交道的(重中之重),因此,大部分的领导岗位都是后端开发者更有晋升的机会。当然,个别公司有专门的前端组长(这也不算什么),如果说前端开发者在自己工作范围之外还要腾出时间去研究业务逻辑,属实是觉得出力不讨好(因为这样的操作需要持续很久才能看出效果),而且再怎么研究业务逻辑也不会比每时每刻跟业务逻辑打交道的后端开发者了解更多。说实在的,大部分情况下,前端在配合后端进行开发.后端需要了解业务逻辑,要跟领导和客户商量细节,露脸机会很大,在老板面前刷脸次数众多。这些都是拉开前后端程序员晋升机会差距的因素。

淼学派对

2022/11/20

8.3K0

每日分享html特效篇之五个加载页面特效和五个导航按钮特效

理解CSS伪元素 :before 和 :after

层叠样式表（CSS）的主要目的是给HTML元素添加样式，然而，在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身，这就是“伪元素”。

疯狂的技术宅

2019/03/28

1.4K0

理解CSS伪元素 :before 和 :after

CSS深入理解学习笔记之absolute

1、absolute和float 　　拥有相同的特性表现：　　　　①包裹性（容器应用之后，可以包裹里面的内容）； 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width"> 6 <title>absolute的包裹性</title> 7 <style> 8 .box { 9 padding: 10px; 10

就只是小茗

2018/03/07

1.1K0

CSS深入理解学习笔记之absolute

鼠标悬停按钮

前端的学习不是一蹴而就，不积跬步无以至千里，不积小流无以成江海。持续不断的努力才能让你我有所收获，专业的知识还得到机构去学习，培训机构的设立有其存在的必然性，你钱花对了吗？

我不是费圆

2020/12/17

2.1K0

CSS3实现雪容融自由

前几天写了一篇CSS3实现冰墩墩自由的技术文章，很多人问有没有雪容融的，今天就来啦！

用户5997198

2022/03/28

2590

分享一个自用emlog手机底部导航加样式代码

class display menu padding 手机

看到很多朋友都要这个手机端底部导航索性就分享了，这玩意其实我也不是不舍得发，是懒得而已这玩意我都是扣别人的所以这个东西自己扣就行了，如果你不会扣那我赶紧我分享出来你也不会用。

用户8099761

2023/05/11

7720

如何获取服务器种子_连接服务器超时代码leaf

.ti {margin:0;padding:20px 0;line-height:30px;color:#333;}

全栈程序员站长

2022/11/10

1.2K0

tcplayer 源码改造第三弹 -> 防盗录

超级播放器云点播

此时,使用浏览器打开播放页面和开发者工具,定位到视频播放节点,可以看到在"vcp-player"出现了我们自定义的span节点,但是在播放器中还看不到文字浮现,下面,我们就要来修改该节点的样式

大洼X

2019/12/07

1.7K0

tcplayer 源码改造第三弹 -> 防盗录

JavaScript+HTML+CSS实现12种常见加载画面

html 前端 javascript css

在现代Web开发中，加载动画不仅可以提升用户体验，还能在后台处理数据时有效地吸引用户注意力。本篇博客将通过原生的JavaScript、HTML和CSS技术，详细介绍12种常见的加载中画面的实现方法。这些动画不仅实用，还可以为我们的Web应用增添一份专业的感觉。

Damon小智

2024/08/19

6870

JavaScript+HTML+CSS实现12种常见加载画面

参考Bootstrap写的一个带百分比的进度条（附源码）

github html5 git 开源 html

声明：本文由w3h5原创，转载请注明出处：《参考Bootstrap写的一个带百分比的进度条（附源码）》 https://www.w3h5.com/post/298.html

德顺

2019/11/13

2.5K0

参考Bootstrap写的一个带百分比的进度条（附源码）

光标有反转效果的侧边导航（附源代码）

nav transition webkit background delay

这是一个侧边导航效果，这个展开的效果给人一种很柔和的感觉，展开后菜单内容依次显示，最后是增加了一个聚焦的圆跟随光标移动，当遇到菜单内容时会放大圆形并反转显示菜单文字，加深了对导航的交互，这里的反转色基于 mix-blend-mode: difference 实现。这个效果还有两个主题色切换，有兴趣的可以在线看效果。

半夜喝可乐

2024/10/10

1670

光标有反转效果的侧边导航（附源代码）

小米商城首页样式模仿

小米商城首页模仿 HTML代码 <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> 小米商城 - Xiaomi 11 Ultra、Redmi K40 Pro、MIX FOLD，小米电视官方网站 </title> <!-- im

梦溪

2022/03/30

4550

OOCSS(面向对象的CSS)总结

按钮样式库：buttons.css 1 /* vue */ 2 [v-cloak]{display: none} 3 4 /* 滚动条 */ 5 ::-webkit-scrollbar { 6 width: 6px; 7 height: 6px; 8 background-color: transparent; 9 } 10 ::-webkit-scrollbar-thumb { 11 background: linear-gradi

ProsperLee

2019/03/06

5660

Joe主题加大图

css php http 腾讯云开发者社区

1.复制代码 2.修改index.php 3.修改post.php 4.增加css文件 5.引入css文件 6.站长总结

堡主

2023/03/04

6410

【前端就业课第二阶段】CSS 零基础到实战（04）定位

若是大一学子或者是真心想学习刚入门的小伙伴可以私聊我，若你是真心学习可以送你书籍，指导你学习，给予你目标方向的学习路线，无套路，博客为证。

1_bit

2022/09/16

3260

【前端就业课第二阶段】CSS 零基础到实战（04）定位

相关推荐

菜鸡博客开……开……开源了!

更多 >

本文部分代码块支持一键运行，欢迎体验

本文部分代码块支持一键运行，欢迎体验