Jquery.Datatables 导出excel

按钮(Buttons)#

 BUttons v1.1.2

下载地址：http://pan.baidu.com/s/1c0Jhckg

 

JSZip v2.5.0-21-g4fd4fc1

下载地址：http://pan.baidu.com/s/1RtakY

 

引用

<!--Buttons for DataTables 1.1.2-->
<script src="~/assets/bower_components/datatables/media/js/buttons.dataTables.min.js"></script>
<link href="~/assets/bower_components/datatables/media/css/buttons.dataTables.min.css" rel="stylesheet" />
<script src="~/assets/bower_components/datatables/Buttons-1.1.2/js/buttons.bootstrap.js"></script>
<script src="~/assets/bower_components/datatables/Buttons-1.1.2/js/buttons.colVis.js"></script>
<script src="~/assets/bower_components/datatables/Buttons-1.1.2/js/buttons.print.js"></script>
<script src="~/assets/bower_components/datatables/media/js/buttons.html5.min.js"></script>
<script src="~/assets/bower_components/datatables/Buttons-1.1.2/js/buttons.flash.min.js"></script>
<script src="~/assets/bower_components/Stuk-jszip/dist/jszip.js"></script>

 

 

1.这里要先打开buttons:true

 

2.这个选项能够有一个按钮实例创建时自动创建一个新的数据表。 按钮控制可以插入datatable集合DOM使用 B 选项 dom 参数,或通过 按钮().container() API方法。

//定义datables布局（常规布局）
      "dom": "<'row'<'col-xs-2'l><'#mytool.col-xs-7'><'col-xs-3'f>r<'excel'B>>" +
                  "t" +
                  "<'row'<'col-xs-6'i><'col-xs-6'p>>",