使用bootstrap-table固定表格前4列

一、首先要導入相應的css和js：

<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>

二、而後調用下面這個js方法來固定表格前4列，並設置表格的參數（這個方法bootstrap-table會根據表格的內容，自動生成一個新的表格，並會覆蓋掉），data_table是要引用的表格id，後面的格式固定：

$("#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