使用版本（datatable 1.10.12）

1.官網例子：

需要匯入：F12檢視原始檔

在實現了datatable基礎上匯入如下檔案：

	<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.5.1/css/buttons.dataTables.min.css">
	

	<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/buttons/1.5.1/js/dataTables.buttons.min.js"></script>
	<script type="text/javascript" language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
	<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.html5.min.js"></script>
 

在原生成datatable的方法中加入標紅部分：

$.collectList.namelistTable = $('#namelistTable').dataTable({
				 "aLengthMenu": [
				                    [10, 15, 20, -1],
				                    [10, 15, 20,30] // change per page values here
				                ],
		         "iDisplayLength": 10,
		         "data":namelist,
		         "sPaginationType": "bootstrap",
		         "bLengthChange": true,//改變每頁顯示資料數量
		         "bAutoWidth": false,//啟用或禁用自動列寬度的計算。
		         "bFilter" : true,
		         'sScrollX': true,
		         'scrollX': true,
		         "bDestroy" : true,
		         "bServerSide" : false,
		         "bSortClasses" : false,
		         "bSort" : false,
		        'dom': 'Bfrtip',
		         'buttons': [
		            'excel'
		         ],
 

		         "oLanguage": {
		        	 "sProcessing": "正在載入中......",
		             "sLengthMenu": "每頁顯示： _MENU_",
		             "sZeroRecords": "對不起，查詢不到相關資料！",
		             "sEmptyTable": "表中無資料存在！",
		             "sInfo": "當前顯示 _START_ 到 _END_ 條，共 _TOTAL_ 條記錄",
		             "sInfoFiltered": "資料表中共為 _MAX_ 條記錄",
		             "sSearch": "搜尋：",
		             "oPaginate": {
		                 "sFirst": "首頁",
		                 "sPrevious": "上一頁",
		                 "sNext": "下一頁",
		                 "sLast": "末頁"
		             }
		        },
		         "aoColumns": aoColumns
			});
 

重新整理頁面就能出現excel按鈕，點選即可下載table內容；

注意：

buttons 裡面的值為：copy csv excel pdf