bootstrap table表格数据的导出,老是报这个错
改引入的 文件,我都引入了,但是导出的图标就是没有出来,然后
问题出现的环境背景及自己尝试过哪些方法
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
应该是版本没对应上,使用最新的版本就没有问题了。
例子:http://bootstrap-table-exampl...