bootstrap导出table科学计数法

最近项目中由于前台使用的是bootstrap,在使用过程中,发现它的table导出人员基本信息中身份证号是使用科学记数法显示的

后来才发现,在其table.js中源码判断有误,需要增加一行代码,就可以解决,如下图:

这个时候,我们再去导出excel文件,就可以看到正确格式的身份证号码了:

另外它的导出工作簿的名字以及sheet表的名字也是固定的,我们是可以根据自己的需要来自定义的

也是需要修改table.js中的代码,如下图:这里是工作簿的名字
这里是sheet表的名字

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Bootstrap 5 是一个流行的前端框架,主要用于快速构建响应式和移动优先的网站。其中,对于表格(Table)的导出为PDF,虽然Bootstrap本身不直接提供这个功能,但你可以借助一些第三方库或插件来实现。 例如,"BootstraTable" 和 "jsPDF" 这两个JavaScript库组合使用,可以轻松地将Bootstrap Table的内容转换成PDF格式: 1. **BootstraTable**:这是一个用于创建交互式表格的强大插件,提供了丰富的选项和定制功能。 2. **jspdf**:是一个小巧的JavaScript库,用于生成PDF文件,支持HTML内容作为输入。 步骤大致如下: - 引入必要的库(例如:`bootstrap-table.min.js`, `bootstrap-table-export.js`, 和 `jspdf.min.js`) - 在HTML中初始化Bootstrap Table - 加载`bootstraptable-export`插件 - 创建PDF实例并调用导出方法 示例代码片段可能如下所示: ```html <!-- 引入 Bootstrap 和 BootstraTable --> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css"> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.19.2/bootstrap-table.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table-export/1.3.0/bootstrap-table-export.min.js"></script> <!-- 初始化 Bootstrap Table --> <table id="myTable" data-source="your_data_source"></table> <!-- JavaScript部分 --> <script> $(document).ready(function () { $('#myTable').bootstrapTable({ // 设置表格配置... }); $('#myTable').bootstrapTableExport({ type: 'pdf', // 或者 'excel', 'csv' exportDataType: 'all', // 可选值:all, selection fileName: 'my_table_pdf.pdf', // PDF文件名 tableId: 'myTable', // 表格ID }); }); </script> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值