bootstrap table 导出

最新推荐文章于 2024-09-04 18:51:10 发布

minsgo

最新推荐文章于 2024-09-04 18:51:10 发布

阅读量1.7w

点赞数 2

本文链接：https://blog.csdn.net/minsgo/article/details/51074721

版权

1.引入额外js
/tableExport.jquery.plugin/master/tableExport.js

/bootstrap-table/src/extensions/export/bootstrap-table-export.js

2.配置table
$('#tableActivity').bootstrapTable('destroy').bootstrapTable({
            cache: false,
            height: 550,
            showExport: true,//显示导出按钮
            exportDataType: "basic",//导出类型  
            pagination: true,
            pageSize: 50,
            pageList: [10, 25, 50, 100],
            search: true,
            searchAlign:'left',
            showRefresh: true,
            showToggle: true,
            showColumns: true,
            toolbarAlign: 'right',//toolbar位置
            toolbar:"#toolbar",
            buttonsAlign:'left',//刷新按钮位置
            clickToSelect: true,
            idField:'activityRegistrationId',
            responseHandler:'dealData',
            columns:colums,
            data:data
        });
注意：1.bootstrap版本