jquery+php實(shí)現(xiàn)導(dǎo)出datatables插件數(shù)據(jù)到excel的方法
本文實(shí)例講述了jquery+php實(shí)現(xiàn)導(dǎo)出datatables插件數(shù)據(jù)到excel的方法。分享給大家供大家參考。具體如下:
DataTables是一個(gè)jQuery的表格插件。這是一個(gè)高度靈活的工具,依據(jù)的基礎(chǔ)逐步增強(qiáng),這將增加先進(jìn)的互動(dòng)控制,支持任何HTML表格。主要特點(diǎn):
1. 自動(dòng)分頁(yè)處理
2. 即時(shí)表格數(shù)據(jù)過(guò)濾
3. 數(shù)據(jù)排序以及數(shù)據(jù)類(lèi)型自動(dòng)檢測(cè)
4. 自動(dòng)處理列寬度
5. 可通過(guò)CSS定制樣式
6. 支持隱藏列
7. 易用
8. 可擴(kuò)展性和靈活性
9. 國(guó)際化
10.動(dòng)態(tài)創(chuàng)建表格
11.免費(fèi)
插件地址http://www.datatables.net/
不過(guò)可惜的是官方網(wǎng)站表格數(shù)據(jù)導(dǎo)出方法使用的是tabletools插件,利用flash導(dǎo)出數(shù)據(jù),而且不支持中文數(shù)據(jù),通過(guò)查找官方的API和資料,找到使用jquery和php導(dǎo)出數(shù)據(jù)方法。
導(dǎo)出數(shù)據(jù)的javascript函數(shù)
function table2csv(oTable, exportmode, tableElm) {
var csv = '';
var headers = [];
var rows = [];
// Get header names
$(tableElm+' thead').find('th').each(function() {
var $th = $(this);
var text = $th.text();
var header = '"' + text + '"';
// headers.push(header); // original code
if(text != "") headers.push(header); // actually datatables seems to copy my original headers so there ist an amount of TH cells which are empty
});
csv += headers.join(',') + "\n";
// get table data
if (exportmode == "full") { // total data
var total = oTable.fnSettings().fnRecordsTotal()
for(i = 0; i < total; i++) {
var row = oTable.fnGetData(i);
row = strip_tags(row);
rows.push(row);
}
} else { // visible rows only
$(tableElm+' tbody tr:visible').each(function(index) {
var row = oTable.fnGetData(this);
row = strip_tags(row);
rows.push(row);
})
}
csv += rows.join("\n");
// if a csv div is already open, delete it
if($('.csv-data').length) $('.csv-data').remove();
// open a div with a download link
$('body').append('<div class="csv-data"><form enctype="multipart/form-data" method="post" action="/csv.php"><textarea class="form" name="csv">'+csv+'</textarea><input type="submit" class="submit" value="Download as file" /></form></div>');
}
function strip_tags(html) {
var tmp = document.createElement("div");
tmp.innerHTML = html;
return tmp.textContent||tmp.innerText;
}
函數(shù)支持導(dǎo)出所有數(shù)據(jù)和當(dāng)前頁(yè)數(shù)據(jù)
// export only what is visible right now (filters & paginationapplied)
$('#export_visible').click(function(event) {
var oTable;
oTable= $('#spdata').dataTable();
event.preventDefault();
table2csv(oTable, 'visible', '#spdata'); })
// export all table data
$('#export_all').click(function(event) {
var oTable;
oTable= $('#spdata').dataTable();
event.preventDefault();
table2csv(oTable, 'full', '#spdata'); })
其中#spdata是table的id
后臺(tái)php導(dǎo)出excel代碼
header("Content-Type: application/vnd.ms-execl");
header("Content-Disposition: attachment; filename=myExcel.csv");
header("Pragma: no-cache");
header("Expires: 0");
$buffer = $_POST['csv'];
$buffer=str_replace(",",",\t",$buffer);
$buffer=mb_convert_encoding($buffer,"GB2312","UTF-8");
echo $buffer;
希望本文所述對(duì)大家的php程序設(shè)計(jì)有所幫助。
- jQuery Datatables 動(dòng)態(tài)列+跨列合并實(shí)現(xiàn)代碼
- jQuery+Datatables實(shí)現(xiàn)表格批量刪除功能【推薦】
- jQuery+datatables插件實(shí)現(xiàn)ajax加載數(shù)據(jù)與增刪改查功能示例
- jQuery Datatables表頭不對(duì)齊的解決辦法
- jQuery插件DataTables分頁(yè)開(kāi)發(fā)心得體會(huì)
- JQuery.dataTables表格插件添加跳轉(zhuǎn)到指定頁(yè)
- jQuery中Datatables增加跳轉(zhuǎn)到指定頁(yè)功能
- 利用JQuery實(shí)現(xiàn)datatables插件的增加和刪除行功能
- jQuery.datatables.js插件用法及api實(shí)例詳解
- jQuery dataTables與jQuery UI 對(duì)話框dialog的使用教程
- jquery表格datatables實(shí)例解析 直接加載和延遲加載
- jQuery插件dataTables添加序號(hào)列的方法
- jQuery DataTables插件自定義Ajax分頁(yè)實(shí)例解析
- jQuery插件datatables使用教程
- jQuery表格插件datatables用法匯總
- jQuery表格插件datatables用法詳解
- jQuery表格插件datatables用法總結(jié)
- Jquery Datatables的使用詳解
相關(guān)文章
解決php表單重復(fù)提交實(shí)現(xiàn)方法
這篇文章主要介紹了解決php表單重復(fù)提交實(shí)現(xiàn)方法,需要的朋友可以參考下2015-09-09
php類(lèi)自動(dòng)裝載、鏈?zhǔn)讲僮鳌⒛g(shù)方法實(shí)現(xiàn)代碼
這篇文章主要介紹了php類(lèi)自動(dòng)裝載、鏈?zhǔn)讲僮?、魔術(shù)方法,需要的朋友可以參考下2017-07-07
PHP實(shí)現(xiàn)數(shù)組和對(duì)象的相互轉(zhuǎn)換操作示例
這篇文章主要介紹了PHP實(shí)現(xiàn)數(shù)組和對(duì)象的相互轉(zhuǎn)換操作,結(jié)合實(shí)例形式分析了php使用get_object_vars以數(shù)組形式訪問(wèn)對(duì)象的方法,以及對(duì)象與數(shù)組相互轉(zhuǎn)換操作技巧,需要的朋友可以參考下2019-03-03
功能齊全的PHP發(fā)送郵件類(lèi)代碼附詳細(xì)說(shuō)明
PHP--下面這個(gè)類(lèi)的功能則很強(qiáng)大,不但能發(fā)html格式的郵件,還可以發(fā)附件2008-07-07
PHP 實(shí)現(xiàn)等比壓縮圖片尺寸和大小實(shí)例代碼
這篇文章主要介紹了PHP 實(shí)現(xiàn)等比壓縮圖片尺寸和大小實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-10-10
PHP調(diào)用存儲(chǔ)過(guò)程返回值不一致問(wèn)題的解決方法分析
這篇文章主要介紹了PHP調(diào)用存儲(chǔ)過(guò)程返回值不一致問(wèn)題的解決方法,結(jié)合實(shí)例形式分析了存儲(chǔ)過(guò)程調(diào)用返回值不一致的原因與解決方法,需要的朋友可以參考下2016-04-04
淺析php數(shù)據(jù)類(lèi)型轉(zhuǎn)換
這篇文章主要介紹了php數(shù)據(jù)類(lèi)型轉(zhuǎn)換,有需要的朋友可以參考一下2014-01-01

