내가 만든 내부 사이트에도 DataTables를 사용하고 있습니다. 이 스크립트를 사용하여 테이블 데이터를 CSV 파일로 다운로드하면 큰 효과를 볼 수 있습니다. ID와 클래스가 테이블과 일치하도록 몇 가지 사항을 변경해야하지만이 방법을 시도해보십시오.
// export data function
$('#exportDataTable').click(function() {
var titles = [];
var data = [];
/* * Get the table headers, this will be CSV headers
* The count of headers will be CSV string separator */
$('.dataTable th').each(function() {
titles.push($(this).text());
});
/* * Get the actual data, this will contain all the data, in 1 array */
$('.dataTable td').each(function() {
data.push($(this).text());
});
/* * Convert our data to CSV string */
var CSVString = prepCSVRow(titles, titles.length, '');
CSVString = prepCSVRow(data, titles.length, CSVString);
/* * Make CSV downloadable*/
var downloadLink = document.createElement("a");
var blob = new Blob(["\ufeff", CSVString]);
var url = URL.createObjectURL(blob);
downloadLink.href = url;
downloadLink.download = "data.csv";
/** Actually download CSV */
document.body.appendChild(downloadLink);
downloadLink.click();
document.body.removeChild(downloadLink);
});
/** Convert data array to CSV string
* @param arr {Array} - the actual data
* @param columnCount {Number} - the amount to split the data into columns
* @param initial {String} - initial string to append to CSV string
* return {String} - ready CSV string */
function prepCSVRow(arr, columnCount, initial) {
var row = ''; // this will hold data
var delimeter = ','; // data slice separator, in excel it's `;`, in usual CSv it's `,`
var newLine = '\r\n'; // newline separator for CSV row
/* * Convert [1,2,3,4] into [[1,2], [3,4]] while count is 2
* @param _arr {Array} - the actual array to split
* @param _count {Number} - the amount to split
* return {Array} - splitted array */
function splitArray(_arr, _count) {
var splitted = [];
var result = [];
_arr.forEach(function(item, idx) {
if ((idx + 1) % _count === 0) {
splitted.push('"' + item + '"');
result.push(splitted);
splitted = [];
} else {
splitted.push('"' + item + '"');
}
});
return result;
}
var plainArr = splitArray(arr, columnCount);
// don't know how to explain this
// you just have to like follow the code
// and you understand, it's pretty simple
// it converts `['a', 'b', 'c']` to `a,b,c` string
plainArr.forEach(function(arrItem) {
arrItem.forEach(function(item, idx) {
row += item + ((idx + 1) === arrItem.length ? '' : delimeter);
});
row += newLine;
});
return initial + row;
}
// end export to CSV file
[이 가까운 솔루션 (https://github.com/kayalshri/tableExport.jquery.plugin) 다른 플러그인을 사용하지만, 같은 파일 이름을 지정 할 수없는, 아니 테이블로있는 jqGrid와 몇 가지 문제가 있습니다 헤더 및 현재 데이터 만 내보낼 수 있습니다. – MarkT