                        課程
                    
                        /前端開發
                        
                            /Bootstrap
                        
                        /玩轉Bootstrap（基礎）

求教：關于bootstrap表格固定前幾列

請問如何用bootstrap實現固定表格的前三列?謝謝

呂文靜

2015-03-03

源自：玩轉Bootstrap（基礎）

關注問題我要回答

8398

操作

收起

2 回答

itwangCoder
2019-09-09

<link?href="../static/css/bootstrap.min.css"?rel="stylesheet"?/>?
????<link?href="../static/css/bootstrap-table.min.css"?rel="stylesheet"?/>
????<link?href="../static/css/bootstrap-table-fixed-columns.css"?rel="stylesheet"?/>
????<script?src="../static/jq/jquery-3.3.1.min.js"></script>????
????<script?src="../static/js/bootstrap-table.min.js"></script>
????<script?src="../static/js/bootstrap-table-fixed-columns.js"></script>????
????<script?src="../static/js/bootstrap-table-zh-CN.js"></script>

$("#data_table").bootstrapTable('destroy').bootstrapTable({????????//?search:?true,?//是否開啟搜索欄
????????toolbar?:?'.toolbar',?//用哪個DOM作為工具欄
????????//pagination?:?true,?//?是否顯示分頁（*）
????????//sidePagination?:?"client",?//?分頁方式：client客戶端分頁，server服務端分頁（*）
????????//pageNumber?:?1,?//?初始化加載第一頁，默認第一頁
????????//pageSize?:?2,?//?每頁的記錄行數（*）
????????fixedColumns?:?true,?//是否開啟固定列
????????fixedNumber?:?4,????//固定幾列
????????height?:?表格高度?//設置表格高度
????});

bootstrap-table文件下載：
鏈接:?https://pan.baidu.com/s/1Un3t...
提取碼: yh2w