datatables 添加excel下载
Datatables 版本 1.10.12
和普通datatables不一样的是:
引入包
<script
src="../../vendor/datatables/js/dataTables.buttons.min.js"></script>
<script
src="../../vendor/datatables/js/buttons.flash.min.js"></script>
<script
src="../../vendor/datatables/js/jszip.min.js"></script>
<script
src="../../vendor/datatables/js/buttons.html5.min.js"></script>
<script src="../../js/datatables.ext.js"></script>
datatable前增加dom
<form style="padding-bottom: 10px" name="search" class="form-inline" method="post" role="form" align="center">
<div id="excelDiv" align="right">
</div>
</form>
js中:
datatables声明:
$("#tableName").ExtDataTable()
$(".dt-button").remove();
var table = $('#tablename').DataTable(); new $.fn.dataTable.Buttons( table, {
buttons: [
'copy', 'csv', 'excel'
]
} );
table.buttons().container()
.appendTo( $("#excelDiv") );
插入的datatables.ext.js包
/**
* jQuery Datatables extends
*
* $("#table").ExtDataTable(options)
* options:
*
* loadTable : function(option) {}
* @param option:
* "sUrl":
* "oData":
* "fnSuccess" : function(json)
* "fnError" : function (xhr, error, thrown)
* clearTable : function()
*/
!function($) {
"use strict";
if (!$.fn.DataTable || !$.fn.DataTable.defaults || $.fn.DataTable.defaults.hasExtended) {
return;
}
$.fn.DataTable.defaults.hasExtended = true; var DEFAULT_OPTIONS = {
//"processing" : true,
// "serverSide" : false,
"searching" : false,
"bRetrieve": true,
// "stateSave" : false,
// "lengthMenu" : [ [10, 20, 50, 100, -1], [10, 20, 50, 100, "全部"] ],
"lengthChange" : false,
"iDisplayLength": 10,
//"pageLength" : 10,
//"autoWidth" : true,
// "scrollCollapse" : false,
// "paging" : true,
//"pagingType" : "full_numbers",
// "info" : true,
"ordering" : true
}; function ExtDataTable(options) {
var dynAjaxOptions = null; if (options == null) return $(this).DataTable(); var realOption = $.extend(true, {}, DEFAULT_OPTIONS, options); var oDataTable = $(this).DataTable(realOption); return oDataTable;
} $.fn.ExtDataTable = ExtDataTable; $.ExtDataTable = function(selector, options) {
return $(selector).ExtDataTable(options);
};
}(jQuery);
datatables 添加excel下载的更多相关文章
- C#中缓存的使用 ajax请求基于restFul的WebApi(post、get、delete、put) 让 .NET 更方便的导入导出 Excel .net core api +swagger(一个简单的入门demo 使用codefirst+mysql) C# 位运算详解 c# 交错数组 c# 数组协变 C# 添加Excel表单控件(Form Controls) C#串口通信程序
C#中缓存的使用 缓存的概念及优缺点在这里就不多做介绍,主要介绍一下使用的方法. 1.在ASP.NET中页面缓存的使用方法简单,只需要在aspx页的顶部加上一句声明即可: <%@ Outp ...
- ASP.NET Excel下载方法一览
方法一 通过GridView(简评:方法比较简单,但是只适合生成格式简单的Excel,且无法保留VBA代码),页面无刷新 aspx.cs部分 using System; using System.Co ...
- Flex Excel下载
最近做Flex里的Excel下载,用as3xls进行Excel导出后,Excel修改编辑后老出现:不能以当前格式保存...若要保存所做的更改,请单击“确定”,然后将其另存为最新的格式. 最后通过JAV ...
- 模仿《百度音乐HD》添加到下载框动画
上次听有人说喜欢<百度音乐HD>添加到下载动画 ,我就尝试模仿了下,没想到,今天code4app(地址)也有了这个,但是 这个动画基本相同,我们的思路还是部一样的. 都可以参考 .主要关键 ...
- DevExpress中GridView Excel下载
DevExpress中GridView提供了许多Excel下载的方法,如gridView.ExportToExcelOld(sfdExcelDown.FileName); 在修改Bug时,遇到这样问题 ...
- C# 如何添加Excel页眉页脚(图片、文字、奇偶页不同)
简介 我们可以通过代码编程来对Excel工作表实现很多操作,在下面的示例中,将介绍如何来添加Excel页眉.页脚.在页眉处,我们可以添加文字,如公司名称.页码.工作表名.日期等,也可以添加图片,如LO ...
- JS JQuery 操作: Json转 Excel 下载文件
方法的调用 var json = '[' + '{"申请流水号":"123456","保险公司":"测试数据",&quo ...
- 自己挖的坑自己填--jxl进行Excel下载堆内存溢出问题
今天在进行使用 jxl 进行 Excel 下载时,由于数据量大(4万多条接近5万条数据的下载),数据结构过于负责,存在大量大对象(虽然在对象每次用完都设置为null,但还是存在内存溢出问题),加上本地 ...
- Windows7 如何添加excel,word到鼠标右键
1.添加word到鼠标右键新建 首先Windows键+R---->输入regedit并回车------>看到HKEY_CLASSES_ROOT展开------>找到.doc展开--- ...
随机推荐
- 爬楼梯问题 leetcode70
假设你正在爬楼梯,需要n阶你才能到达楼顶,n是正整数 每次你可以爬1或2个台阶,有多少种不同的方法可以爬到楼顶 当n=1时,steps=1 当n=2时,1+1,2 steps=2 当n=3时,1+1+ ...
- FinalHttp的简要介绍与使用
http://blog.csdn.net/zhaokaiqiang1992/article/details/30291259?utm_source=tuicool 在之前的一篇文章中,我们简单的介绍了 ...
- 省选模拟赛第四轮 B——O(n^4)->O(n^3)->O(n^2)
一 稍微转化一下,就是找所有和原树差距不超过k的不同构树的个数 一个挺trick的想法是: 由于矩阵树定理的行列式的值是把邻接矩阵数值看做边权的图的所有生成树的边权乘积之和 那么如果把不存在于原树中的 ...
- HDU 5608 - function
HDU 5608 - function 套路题 图片来自: https://blog.csdn.net/V5ZSQ/article/details/52116285 杜教筛思想,根号递归下去. 先搞出 ...
- 自动生成Excel 报表工具类
/** * 输出Excel文档 * * @param response * @param sheetName 文件名称 * @param firstCellTile 第一行的标题 * @param c ...
- 解决TypeError: __init__() missing 1 required positional argument: 'on_delete'
试用Djiango的时候发现执行mange.py makemigrations 和 migrate是会报错,少位置参数on_delete,查了一下是因为指定外键的方式不对,改一下就OK了. 代码如下: ...
- VUE在BODY上绑定enter事件
mounted () { this.bodyListener = (e) => { if (e.keyCode === 13 && e.target === document.b ...
- 目标检测网络之 Mask R-CNN
Mask R-CNN 论文Mask R-CNN(ICCV 2017, Kaiming He,Georgia Gkioxari,Piotr Dollár,Ross Girshick, arXiv:170 ...
- 原生JS和JQ窗口定位属性对照表
位置 javascript jquery 兼容性 窗口位置离屏幕左偏移 var leftPos = (typeof window.screenLeft == "number") ? ...
- MySQL中双NDBD节点Cluster快速配置
是MySQL适合于分布式计算环境的高实用.高冗余版本.它采用了NDB Cluster 存储引擎,允许在1个 Cluster 中运行多个MySQL服务器.在MyQL 5.0及以上的二进制版本中.以及与最 ...