关于bootstrap-table插件导出到Excel ,增加ie8导出方式

Bootstrap Table分页数据(Excel)导出 相关文档 Bootstrap Table官网:http://bootstrap-table.wenzhixin.net.cn/zh-cn/ Bootstrap 中文网:http://www.bootcss.com/ Bootstrap Table Demo:http://issues.wenzhixin.net.cn/bootstrap-table/index.html 步骤: 1:引入... 阅读详情

1.引入bootstrap-table-export.js 可自己在gitshang下载

2.引入tableExport.js   需要在这个文件中增加一部分代码,用于支持ie8导出,具体添加代码如下:

 // Header
        $(el).find('thead').first().find(defaults.theadSelector).each(function() {
          excel += "<tr>";
          ForEachVisibleCell(this, 'th,td', rowIndex,
                             function(cell, row, col) {
                               if (cell != null) {
                                 excel += "<td style='";
                                 for( var styles in defaults.excelstyles ) {
                                   if( defaults.excelstyles.hasOwnProperty(styles) ) {
                                     excel += defaults.excelstyles[styles] + ": " + $(cell).css(defaults.excelstyles[styles]) + ";";
                                   }
                                 }
                                 excel += "'>" + parseString(cell, row, col)+ "</td>";
                               }
                             });
          rowIndex++;
          excel += '</tr>';
        });
//在这之后添加一下代码:

  // Row Vs Column
        var rowCount=1;
        try {
    var xls = new ActiveXObject("Excel.Application");
    } catch (e) {
    alert("要打印该表,您必须安装Excel电子表格软件,同时浏览器须使用“ActiveX 控件”,您的浏览器须允许执行控件。请点击【帮助】了解浏览器设置方法!");
    return "";
    }
    xls.visible = true; // 设置excel为可见
    var xlBook = xls.Workbooks.Add;
    var xlsheet = xlBook.Worksheets(1);
    xlsheet.Range(xlsheet.Cells(1, 1), xlsheet.Cells(1, 8)).mergecells = true;
    xlsheet.Range(xlsheet.Cells(1, 1), xlsheet.Cells(1, 8)).value = "局长工作安排会议列表";
    xlsheet.Rows(1).Font.Size = 14;
    xlsheet.Rows(1).Font.Name = "黑体";
    xlsheet.Columns("A:H").ColumnWidth = 18;
    // <!--设置显示字符而不是数字-->
    xlsheet.Columns(1).NumberFormatLocal = "@";
    xlsheet.Columns(2).NumberFormatLocal = "@";
    xlsheet.Columns(3).NumberFormatLocal = "@";
    xlsheet.Columns(4).NumberFormatLocal = "@";
    xlsheet.Columns(5).NumberFormatLocal = "@";
    xlsheet.Columns(6).NumberFormatLocal = "@";
    xlsheet.Columns(7).NumberFormatLocal = "@";
    xlsheet.Columns(8).NumberFormatLocal = "@";
    // 设置标题栏
    xlsheet.Cells(2, 1).Value = "序号";
    xlsheet.Cells(2, 2).Value = "参会人员";
    xlsheet.Cells(2, 3).Value = "会议内容";
    xlsheet.Cells(2, 4).Value = "会议地点";
    xlsheet.Cells(2, 5).Value = "会期开始时间";
    xlsheet.Cells(2, 6).Value = "会期结束时间";
    xlsheet.Cells(2, 7).Value = "录入人";
    xlsheet.Cells(2, 8).Value = "录入日期";
        $(el).find('tbody').first().find(defaults.tbodySelector).each(function() {
        //
         ForEachVisibleCell(this, 'td', rowIndex,
                      function(cell, row, col) {
                        if (cell != null) {
                        xlsheet.Cells(rowIndex + 2, col).Value =parseString(cell, row, col);
                            }
                      });
           xlsheet.Columns.AutoFit;
        xlsheet.Range(xlsheet.Cells(1, 1), xlsheet.Cells(1, 8)).HorizontalAlignment = -4108;// 居中
        /* xlsheet.Range(xlsheet.Cells(1, 1), xlsheet.Cells(1, 8)).VerticalAlignment = -4108;
        xlsheet.Range(xlsheet.Cells(2, 1), xlsheet.Cells(rowNum + 1, 8)).Font.Size = 10;
        xlsheet.Range(xlsheet.Cells(2, 1), xlsheet.Cells(rowNum + 1, 8)).Borders(3).Weight = 2; // 设置左边距
        xlsheet.Range(xlsheet.Cells(2, 1), xlsheet.Cells(rowNum + 1, 8)).Borders(4).Weight = 2;// 设置右边距
        xlsheet.Range(xlsheet.Cells(2, 1), xlsheet.Cells(rowNum + 1, 8)).Borders(1).Weight = 2;// 设置顶边距
        xlsheet.Range(xlsheet.Cells(2, 1), xlsheet.Cells(rowNum + 1, 8)).Borders(2).Weight = 2;// 设置底边距
        xls.UserControl = true; // 很重要,不能省略,不然会出问题 意思是excel交由用户控制
        xls = null;
        xlBook = null;
        xlsheet = null;*/
  rowCount++;
  rowIndex++;

说明:就是以ActiveX控件进行导出,bootstrap-table插件的导出方式貌似不支持ie8,今天做项目遇到了特意写下来与大家分享,共同进步!

js 基于bootstrap导出表格数据到excel js导出表格数据到excel心得 如果有码友意外发现了我这文章和你出现了相同问题,那麻烦你赶紧给我点个赞分享一下,谢谢!好了,进入主题— 重要说明!!! 本js功能实现是基于bootstrap的madol模态框和bootstrap-table表格插件实现的,在Chrome和360浏览器上完美运行,但是ie和其他浏览器并无测试,有问题可以提出来,欢迎加入讨论! 先上效果图: 额,开玩笑的,我们公司是... 阅读详情

相关推荐

bootstrap-table-export

这是bootstrap-table-export 导出2003 或者2007 xlsx,需要的js

BootStrapTable的TableExport数据导出插件的使用

TableExport数据导出插件的使用 要想实现表格数据的导出,我们可以使用bootstrap的扩展插件Table Export来实现我们的需求。 即:bootstrap-table-export.js 由于数据导出功能是BootStrapTable的功能的扩展,而且插件依赖于tableExport.jquery.plugin中的tableExport.js。 关于tableExport...

编程小透明的博客 3万+

Python脚本自动化芯片设计?PyAether实战教程带你玩转EDA

本文通过PyAether实战教程,详细介绍了如何利用Python脚本实现芯片设计自动化。内容涵盖环境搭建、核心对象模型解析,并重点演示了原理图自动生成、参数化单元创建及设计验证流程集成,帮助EDA工程师从重复性手动操作中解放,显著提升设计效率与一致性。

e4f5g6h的博客 1319

最终解决:bootstrapTable 导出全部数据。

原文地址: http://www.5ixiudou.com/portal/detailInfo/1000000005/228 受备案影响,原网页可先访问:http://106.12.198.137:8080/portal-web/portal/detailInfo/1000000005/228 一、问题描述: 1.在工作中,人们比较喜欢用 bootstrapTable 进行数据的展示...

tianjiliuhen的博客 2万+

广工计组f4b 8位12指令微程序CPU设计实验报告(内含可通过代码以及波形图)

实验目的:模型机是计算机的缩细模型,通过它可以理解计算机整机的结构和功能,理解CPU,存储器,中断控制器,接口的结构及实现逻辑和各部件之前的接口关系。本实验是设计一个8位模型计算机。:一条机器指令可以分解成一个微操作序列,这些微操作是计算机最基本的,不可再细分的操作。:在微程序控制的计算机中。将控制部件向执行部件发出的各种控制命令成为微命令,它是构成控制序列的最小单位。微命令和微操作是一一对应的。微命令是微操作的控制信号,微操作微命令的执行过程。2.:微指令是若干微命令的集合。

weixin_63692154的博客 4705

开源网格划分软件-Gmsh二次开发教程 (4)网格生成与控制​

​本章将深入讲解Gmsh的网格生成技术,包括全局/局部网格控制、边界层生成、自适应细化等,并提供完整的代码示例。

ZQGG的博客 1475

bootstrapTable的使用及表格的导出

bootstrapTable的使用及表格的导出

Mr_XiMu的博客 1万+

用ADSP-21569+SigmaStudio打造音频处理系统:从硬件连接到实时调参实战

本文详细介绍了如何利用ADSP-21569 DSP芯片和SigmaStudio图形化编程工具构建高性能音频处理系统。从硬件接口配置、信号流设计到实时参数调试,提供工业级开发中的实用技巧,包括低延迟优化、动态参数插值等关键技术,帮助开发者快速实现专业音频处理方案。

9o8p7i6u5y的博客 980

使用bootstrapTable实现导出功能

exportDataType //导出表格方式(默认basic:只导出当前页的表格数据;all:导出所有数据;selected:导出选中的数据)这几种属性一般都会在之前导入的文件中设置默认属性 在具体使用时会变更属性。exportTypes //导出文件类型 ,支持多种类型文件导出。一般只需要编辑其fileName属性即可,其含义为导出文件名称。1.导入相关插件 根据自身项目路径导入。3.在设置exportOptions值时。2.然后就是初始化设置导出属性即可。这个里有相应插件介绍。

gift_z的博客 1687

YOLO模型从10MB瘦到2MB!剪枝+INT8量化双方案(精度损失<1%,附部署代码)

摘要:本文介绍了一种针对边缘设备的YOLO模型轻量化方案,通过"结构化剪枝+INT8量化"组合技术,将YOLOv8n模型从6.4MB压缩至2MB,体积减少68.75%,推理速度提升80%,同时保持精度损失小于1%。文章详细讲解了剪枝工具选择、通道剪枝实现、量化校准等关键步骤,并提供了完整的代码示例。特别强调了剪枝保留率、校准集使用、微调必要性等实践要点,帮助开发者在树莓派等资源受限设备上实现高效目标检测。

专注于Python爬虫开发,分享爬虫技巧、项目实战与反爬经验,使用Scrapy、BeautifulSoup等工具,解决数据抓取难题。 756

SerDes电路的PCB仿真设计规则及策略

SerDes的PCB设计中,重点工作是使用3D 电磁 (EM) 场求解器,进行过孔结构优化,包括 BGA的扇入和扇出区域以及布线的过孔区域,并且,利用连接器供应商提供加密的 3D 模型,进行连接器和 PCB 的级联仿真,最终获取系统级的通道性能参数,如插入损耗、回波损耗、串扰和模式转换、阻抗曲线等,如果发现任何缺陷,再进行进一步优化,这一过程中,推荐进行拆分仿真,以提高设计效率。

一只豌豆象的博客 2193

bootstrapTable的使用及表格的导出_bootstraptable 导出

有toolbar:的样式无toolbar:的样式(2)sidePagination:"client"或 “server”:分页方式:client客户端分页,server服务端分页(*)**client客户端分页:**如果是客户端分页的话,每次请求数据时请求的是全部数据,传递的请求参数中没有pageSize和PageNumber这两个属性;server服务端分页:如果是r服务端分页的话,每次请求数据时请求的是全部数据,传递的请求参数中必须有pageSize和PageNumber这两个属性;

2401_84240369的博客 3626

强化学习原理及应用作业之动态规划算法【SYSU_2023SpringRL】

本次实践作业将在以下环境进行: 该环境由一个 6×6 网格组成,其中黄色圆圈为智能体出发点,黑色格子为无法通过的墙壁,若智能体向着墙壁方向移动,则会停留在原地,地图边界的移动同理。带有黄色边框的格子为终止状态,即若智能体行动至此状态则整个 episode 结束。红色和绿色表示当前该状态的奖励值,奖励越高则绿色越深,奖励越低则红色越深。状态空间:36(0-35 这 36 个整数,左下角为 0,向右 +1,向上 +6)动作空间:4(0-3 这 4 个整数分别代表左、右、上、下)奖励函数:普通格子 -0.1,到

zik的博客 1398

bootstrap导出table数据到excel

1.所需插件:tableExport.js 2.下载地址:https://github.com/hhurz/tableExport.jquery.plugin 同时还有个简版,不要混淆了(这两个版本对中文处理不好,建议用上面那款) https://github.com/kayalshri/tableExport.jquery.plugin https://github.com/golfin

晚安烟雨城 3万+

华为MetaERP Oracle EBS OM(订单管理)模块详解作为ERP财务解决方案架构师,理解OM模块的业务全景和数据模型至关重要。OM是EBS分销链路的核心引擎,贯穿“订单到收款“(Orde

Oracle EBS OM模块是管理销售订单全生命周期的核心模块,涵盖客户管理、订单执行、发运开票、定价及信用控制等功能。其标准流程包括订单录入、预订、发放、发运确认和自动开票等环节,核心数据表涉及订单、客户、发运和定价等业务对象。OM模块与库存、应收、发运等模块深度集成,架构师需重点设计订单类型、信用控制策略和自动开票接口等关键环节,确保业务流程高效流转。

金牌架构师 363

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

bootstrap table 导出Excel,日期精确到秒

环境: bootstrap 3 bootstrap table 1.5.5 (功能挺强大的) 1、代码 HTML <div style="height: 100%;"> <div id="div-toolbar"> </div> <table id=...

yhtppp的专栏 742

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

bootstrap导出HTML文件,bootstrap-table中导出excel插件bootstrap-table-export使用

$('#AllMemberAssessInfoTable').bootstrapTable({url:url,search:true,method:"post",sidePagination:'client',responseHandler:responseHandler,//参数contentType: 'application/json;charset=UTF-8',striped: true...

weixin_35724224的博客 868

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

bootstrap-table中导出excel插件bootstrap-table-export使用

一、加入依赖: <script src="/static/js/bootstrap-table-export.js"></script> 注意:网上很多版本中,只说明了添加这一个js依赖就好,但在使用过程中,由于会涉及到中文编码、以及bootstrap-table-export.js中继承的是tableExport.js,所以还需要添加下面几个依赖: ...

1127

Bootstrap Table表格插件的使用及数据导出

1、介绍 Bootstrap Table介绍见官网:http://bootstrap-table.wenzhixin.net.cn/zh-cn/ Bootstrap 中文网:http://www.bootcss.com/ Bootstrap Table Demo:http://issues.wenzhixin.net.cn/bootstrap-table/index.html Bootstrap...

段占彪的博客 2821

Bootstrap Table扩展插件全解析

本文全面解析了Bootstrap Table的四大核心扩展功能:导出功能扩展支持Excel/CSV/PDF等多种格式导出,提供丰富的配置选项和事件处理机制;过滤器控制与高级搜索功能提供多类型过滤器和灵活的搜索方式;可编辑表格扩展支持行内编辑,包含多种编辑类型和验证机制;工具栏与自定义按钮开发提供强大的交互操作能力,支持完全自定义的按钮开发。 ## 导出功能扩展(Excel/CSV/PDF) ...

gitblog_01132的博客 932

Bootstrap Table表格分页的使用及分页数据(Excel)导出

1:引入Bootstrap Table表格插件相关链接:这里直接拿来用就可以了,如果要下载到本地,可以自行去官网下载。 &lt;link href="https://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"&gt; &lt;!-- 引入bootstrap-table样式 --&...

qq_38822390的博客 1405

结合bootstrap fileinput插件和Bootstrap-table表格插件,实现文件上传、预览、提交的导入Excel数据操作流程

1、bootstrap-fileinpu的简单介绍 在前面的随笔,我介绍了Bootstrap-table表格插件的具体项目应用过程,本篇随笔介绍另外一个Bootstrap FieInput插件的使用,整合两者可以实现我们常规的Web数据导入操作,导入数据操作过程包括有上传文件,预览数据,选择并提交记录等一系列操作。 关于这个插件,我在早期随笔《Bootstrap文件上传插件File Input...

Rebirth 重生 1744

Bootstrap Table 数据导出功能:Excel/PDF/CSV 实现方法

你是否在开发数据管理系统时遇到以下问题:用户需要将表格数据导出为Excel却提示格式错乱?PDF导出时表格被截断?CSV文件中文乱码?Bootstrap Table的导出扩展(Export Extension)通过与tableExport.jquery.plugin的深度整合,提供了一站式解决方案。本文将系统讲解如何在项目中实现Excel、PDF、CSV等12种格式的完美导出,解决编码、样式、数据...

gitblog_00451的博客 484

iview admin + bootstrap-table + tableexport 实现前端导出excel

1.终端执行 npm install bootstrap@3 --save--dev npm install bootstrap-table@1.11.1 --save--dev npm install --save popper.js npm install tableexport.jquery.plugin --save--dev main.js 添加以下代码 import 'bootst...

zebraMeat的博客 491

bootstrap table 导出xlsx

  想要实现导出功能,必须要4个js 这里可以下载:https://download.youkuaiyun.com/download/shushugood/10605776 &lt;!-- table_export--&gt; &lt;script type="text/javascript" src="lib/bootstrap/table_export/bootstrap-table-exp...

老农民挖数据 8168
下一篇: Input框 type 类型 password 转换为label 的方法
Java_home5
博客等级 码龄11年 1粉丝 2原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值