bootstrap table表格数据的导出,老是报这个错

发布于 2022-09-07 20:32:39 字数 4269 浏览 30 评论 0

图片描述

改引入的 文件,我都引入了,但是导出的图标就是没有出来,然后图片描述

问题出现的环境背景及自己尝试过哪些方法

var tableInit={

tabelData:function () {
    $('#tablesData').bootstrapTable({
        url: '/manages/order/query_list', //请求后台的URL(*)
        method: 'get', //请求方式(*)
        showFooter: true,  //表格脚部,用来计算统计总和
       // classes: "table-no-bordered",  //表格无边框
        striped: true, //是否显示行间隔色
        cache: false, //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
        pagination: true, //是否显示分页(*)
        sortable: false, //是否启用排序
        sortOrder: "asc", //排序方式
        sortName:'id',
       // queryParams: oTableInit.queryParams,//传递参数(*)
        sidePagination: "client", //分页方式:client客户端分页,server服务端分页(*)
        pageNumber: 1, //初始化加载第一页,默认第一页
        pageSize: 10, //每页的记录行数(*)
        pageList: [10, 25, 50, 100], //可供选择的每页的行数(*)
        search: false, //是否显示表格搜索,此搜索是客户端搜索,不会进服务端,所以,个人感觉意义不大
        strictSearch: true,
        showColumns: false, //是否显示所有的列
        showRefresh: false, //是否显示刷新按钮
        clickToSelect: true, //是否启用点击选中行
        //height: 800, //行高,如果没有设置height属性,表格自动根据记录条数觉得表格高度
        uniqueId: "ID", //每一行的唯一标识,一般为主键列
        showToggle: true, //是否显示详细视图和列表视图的切换按钮
        showExport: true,   //是否显示导出按钮
        toolbar: '#toolbar', //工具按钮用哪个容器
        buttonsAlign:"right",
        exportTypes:['excel','xlsx','JSON','CSV','SQL'],
        exportDataType: "all",//basic', 'all', 'selected'.
        showRefresh:true,
        showColumns:true,
        //Icons:'glyphicon-export',
        //icons:{refresh: "glyphicon-repeat", toggle: "glyphicon-list-alt", columns: "glyphicon-list"},
        exportOptions:{
            fileName: '数据导出',              //文件名称设置
            worksheetName: 'Sheet1',          //表格工作区名称
            tableName: '订单列表数据'
            //excelstyles: ['background-color', 'color', 'font-size', 'font-weight']
        },
        columns: [{
            checkbox: true,
        }, {
            field: 'id',
            title: '序列号',
            visible: true,
            sortable: true,
            align: 'center',
            valign: 'middle',
            //width:100
        }, {
            field: 'type',
            title: '订单类型',
            align: 'center',
            valign: 'middle',
            formatter: handleType
        }, {
            field: 'platformno',
            title: '订单来源',
            align: 'center',
            valign: 'middle',
            formatter: handlePlatformno
        }, {
            field: 'realname',
            title: '购买者资料',
            align: 'center',
            valign: 'middle',
            formatter: handleUserDatas,
           // width:100
        }, {
            field: 'createTime',
            title: '建立时间',
            align: 'center',
            valign: 'middle',
            formatter: handleCreateTime
        }, {
            field: 'paycode',
            title: '支付方式(支付单号)',
            align: 'center',
            valign: 'middle',
            formatter: handlePaycode
        }, {
            field: 'payment',
            title: '支付金额',
            align: 'center',
            valign: 'middle'
        }, {
            field: 'sendtime',
            title: '最后发货时间',
            align: 'center',
            valign: 'middle',
            formatter: handleSendtime
        }, {
            field: 'status',
            title: '订单状态',
            align: 'center',
            valign: 'middle',
            formatter: handleStatus
        },
            // {
            //     field : 'sendtime',
            //     title : '最后处理时间',
            //     align: 'center',
            //     valign: 'middle'
            // },
            {
                field: 'realname',
                title: '收件者资料',
                align: 'center',
                valign: 'middle',
                formatter: handleRealname
            },
            {
                field: '',
                title: '操作',
                align: 'center',
                valign: 'middle',
                events:operateEvents,  //给按钮注册事件
                formatter: AddFunctionAlty//表格添加函数
            }
        ]
    })
}

}

希望能够导出数据

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

つ可否回来 2022-09-14 20:32:39

应该是版本没对应上,使用最新的版本就没有问题了。
例子:http://bootstrap-table-exampl...

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文