使用bootstrap_table时，如何将最后一列进行冻结使其不能左右滑动？

取个好听的名字 2017-09-21 04:32:48

使用bootstrap_table时，如何将最后一列进行冻结使其不能左右滑动，

...全文

827 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

基于bootstrap-table 实现右侧列固定，也可以针对左侧列固定，针对操作列使用起来非常方便，引用jquery、bootstrap-table-fixed 样式和js文件后，可以随意设置，灵活。 fixedColumns: true,//fixedtNumber:2, //设置固定左侧列数目 fixedRightNumber:2, //设置固定右侧列数目，绝对比网上随便搜罗的资源靠谱，另外网上很多资源仅仅是介绍，没有配套的jquery、bootstrap 和ootstrap-table-fixed 版本，网上的版本大部分问题百出，基本不能用。

近期工作中，碰到甲方需求：给一个bootstrap table表格，增加表头和第一列不随滚动条动而变化。即：要求固定表头和第一列。官网上给的例子，就那么配置了几项，轻松加随意的达到效果。然而实际开发中，却是颇费了一番周折。好像我之前有个同事没解决这个需求，客户就交给我了。 A.先说固定表头：极其简单：给table加一个height属性，不管是HTML加还是js里加，都一样~ 然后照官网的做了后...

开发响应式界面，固定表头，完全可配置，支持data属性，显示/隐藏列，显示/隐藏表头，使用AJAX获取JSON数据，点击表头可简单的进行排序，支持自定义列显示，支持单/复选，强大的分页功能，支持名片布局，支持多语言 ...

bootstrap Table实现锁定列不滚动功能

/** * @author zhixin wen <wenzhixin2010@gmail.com> * @version: v1.0.1 */ (function ($) { 'use strict'; $.extend($.fn.bootstrapTable.defaults, { fixedColumns: false, fixedNumber: 1 }); var BootstrapTable = $.fn.bo

87,902

社区成员

224,615

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章