利用bootstrap

2023-03-23 00:57| 来源: 网络整理| 查看: 265

利用bootstrap-table插件自带的打印功能打印表格原创

别团等shy哥发育 2023-02-13 14:52:57 博主文章分类：jQuery ©著作权

文章标签 javascript bootstrap jquery jsp 前端文章分类 JavaScript 前端开发

©著作权归作者所有：来自51CTO博客作者别团等shy哥发育的原创作品，请联系作者获取转载授权，否则将追究法律责任

文章目录1、前端代码：2、前端页面：1、表格数据展示2、点击打印按钮之后:3、插件下载地址：4、碰到的bug1、前端代码：

ID Item Name Item Price

var $table = $('#table')

$(function() { $table.bootstrapTable() })

2、前端页面：1、表格数据展示

利用bootstrap-table插件自带的打印功能打印表格_javascript

2、点击打印按钮之后:

利用bootstrap-table插件自带的打印功能打印表格_javascript_02

3、插件下载地址：

javascript:void(0)

4、碰到的bug

1、如果在渲染的时候属性都是普通的javabean，那么打印的时候不会出现问题，但是如果有关联对象的话，打印出来的值是object,这个问题暂时记在这，可能是个Bug。

示例如下,圈起来那两列都是对象，我在渲染表格的时候调用了formatter进行格式化，在表格只显示其中一个属性，显示没问题，打印的时候就会出现Object

利用bootstrap-table插件自带的打印功能打印表格_前端_03

如果有大佬知道怎么解决，请点击这里回答，有分送给你。

赞收藏评论分享举报

上一篇：Bootstrap-table的客户端分页渲染表格

下一篇：Hplus框架动态添加选项卡功能(扩展)

【本文地址】

今日新闻