bootstrap-table 常用参数实例

Fantacy.

于 2020-01-03 15:43:10 发布

阅读量773

点赞数

分类专栏： ⦿ 开发技术

本文链接：https://blog.youkuaiyun.com/Little_Stars/article/details/103821651

版权

本文详细介绍了bootstrap-table插件的常用参数及其应用，通过实例展示如何配置和使用这些参数，以实现动态表格的功能，如排序、搜索、分页等，提升网页数据展示的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
 * 初始化表格
 */
var dataTableInit = function(){    
    var sortName1 = 'userId';
    var sortOrder1 = 'asc';
    $('#dataTable').bootstrapTable('destroy'); 
    $('#dataTable').bootstrapTable({
        locale: 'zh-CN',            // 表格提示/分页提示等的语言，默认英语(en-US)
        url: '/users/ulist',        // 请求后台的URL
        method: 'get',              // 请求方式
        contentType: "application/x-www-form-urlencoded",
        toolbar: '#table_toolbar',  // 表格上方的工具栏
        dataType: "json",
        //striped: true,            // 是否显示行间隔色
        cache: false,               // 是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性        
        dataField: "data",          // 服务端返回数据键值 就是说记录放的键值，默认是rows
        totalField: 'totalSize',    // 分页时使用总记录数的键值，默认为total
        //height:550,               // 固定表格高度，数据多时

最低0.47元/天解锁文章