折雨的天空

博客介绍:本博客当前共有文章【965】篇,总阅读量【5,112,064】次,第一篇博客发表于【2011年04月06日 10时34分】,距今已【4948】天,感谢您的使用!

您的位置:折雨的天空 >其他技术> bootstrap-table使用固定列,样式错乱的问题

bootstrap-table使用固定列,样式错乱的问题

就是通过官方示例来的

地址:https://examples.bootstrap-table.com/#extensions/fixed-columns.html

使用固定属性

data-fixed="true"
data-fixed-columns="true"
data-fixed-number="2"
data-fixed-right-number="1"

引入扩展

<script src="<!--{$basePath}-->views/js/bootstrap-table/extensions/sticky-header/bootstrap-table-sticky-header.js"></script>
<script src="<!--{$basePath}-->views/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.js?v=1.3" type="text/javascript"></script>

我犯错在没有引入CSS,这个固定列有专用的CSS,所以导致固定列以后,会出现重复行,折腾了好久,最后发现是没有引入CSS

引入如下CSS

<link rel="stylesheet" href="<!--{$basePath}-->views/js/bootstrap-table/extensions/sticky-header/bootstrap-table-sticky-header.css">
  <link rel="stylesheet" href="<!--{$basePath}-->views/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.css">

然后就正常了。

------------正 文 已 结 束, 感 谢 您 的 阅 读 (折雨的天空)--------------------

转载请注明本文标题和链接:《bootstrap-table使用固定列,样式错乱的问题

奖励一下

取消

分享不易,烦请有多多打赏,如您也困难,点击右边关闭即可!

扫码支持
扫码打赏,5元,10元,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

-秒后自动关闭,如已打赏,或者不愿打赏,请点击右上角关闭图标。

发表评论

路人甲 表情
看不清楚?点图切换