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

ASCH 发布于2019-08-05 18:14 / 956人阅读

摘要：首先要导入相应的和然后调用下面这个方法来固定表格前列，并设置表格的参数这个方法会根据表格的内容，自动生成一个新的表格，并会覆盖掉，是要引用的表格，后面的格式固定是否开启搜索栏用哪个作为工具栏是否显示分页分页方式客户

1、首先要导入相应的css和js：

2、然后调用下面这个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

服务器托管专线服务 html固定表格列宽 asp表格固定列宽固定列表格列

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/60800.html

bootstrap-table实现表头固定以及列固定

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

B0B0 2019-08-23 15:42 评论0 收藏0
Bootstrap-Table 总结

摘要：总结文件传参直接将需要的参数置于方法中，例如注意中的是获取文本框的值，在表格加载完后，在文本框中输入了值，再调用方法，同样可以实现传值服务器数据的请求方式服务器数据的加载地址设置为会有隔行变色效果服务器返回的数据类型设置为会在底部显示分 Bootstrap-Table 总结 jQuery Java Bootstrap-Table JS文件传参：直接将需要的参数置于 queryPa...

Airmusic 2019-08-22 17:04 评论0 收藏0
Bootstrap-Table 总结

摘要：总结文件传参直接将需要的参数置于方法中，例如注意中的是获取文本框的值，在表格加载完后，在文本框中输入了值，再调用方法，同样可以实现传值服务器数据的请求方式服务器数据的加载地址设置为会有隔行变色效果服务器返回的数据类型设置为会在底部显示分 Bootstrap-Table 总结 jQuery Java Bootstrap-Table JS文件传参：直接将需要的参数置于 queryPa...

马龙驹 2019-08-05 13:50 评论0 收藏0
【从零入门系列-5】Spring Boot 之前端展示

摘要：务必在之前引入最新的核心文件为了偷懒，我们这里引入的第三方库文件都是采用的方式，也可以选择把库下载到本地然后再引用。文章系列【从零入门系列-0】Spring Boot 之 Hello World 【从零入门系列-1】Spring Boot 之程序结构设计说明【从零入门系列-2】Spring Boot 之数据库实体类【从零入门系列-3】Spring Boot 之数据库操作...

freewolf 2019-08-02 16:18 评论0 收藏0
【从零入门系列-5】Spring Boot 之前端展示

摘要：务必在之前引入最新的核心文件为了偷懒，我们这里引入的第三方库文件都是采用的方式，也可以选择把库下载到本地然后再引用。文章系列【从零入门系列-0】Spring Boot 之 Hello World 【从零入门系列-1】Spring Boot 之程序结构设计说明【从零入门系列-2】Spring Boot 之数据库实体类【从零入门系列-3】Spring Boot 之数据库操作...

Mr_houzi 2019-08-26 13:48 评论0 收藏0