bootstrap表头如何展示不动_bootstrap-table实现表头固定以及列固定

之前使用bootstrap写了一个报表表格,最近突然找到我,说让我看看能不能将表格的表头和第一列进行固定,这样的话方便查看数据,于是,我开始了苦逼的研究起来,毕竟我是个后端啊,对于前端的样式问题,特别是小功能,烦的一批

这里就记录下我的研究成果

一:引入js和css

query下载地址:http://www.jq22.com/jquery-in...

bootstrap下载地址:http://www.bootcss.com/

bootstrap-table下载地址:https://bootstrap-table.com/

bootstrap-table-fixed-columns下载地址:https://github.com/wenzhixin/...

这里注意:

引入jquery时,不要引入jquery2.0.0(包括2.0.0)版本以下,如果你引入了2.0.0版本以下的jquery的话,当你编写完代码之后,在控制台会出现如下错误:

ee7f3265dafbe0056a92407a4638c17a.png

二:编写table表格(固定表头)

表头一表头二表头三表头四

12341234

上面代码中的table标签中的

data-toggle="table"表示的是启用bootstrap表格,

data-hei

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值