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

 

引用

<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>>",