BootStrap_實現導出Excel【實例】

一、前言

    這篇文章寫的是將列表的內容導出Excel，代碼是接着上一篇實現分頁查詢的。在上一篇文章中，我們有一個“導出Excel”的按鈕，這篇文章要做的就是點擊這個按鈕，就能將當前的列表導出Excel。

二、我的代碼是這樣寫的

2.1 修改html，引入兩個表格導出需要用到的js文件

<script src="../static/common/bootstrap-table/extensions/export/bootstrap-table-export.js"></script>
<script src="../static/common/bootstrap-table/tableExport.js"></script>

2.2 修改js，添加點擊按鈕的方法exportData()

//點擊"導出Excle"
function exportData(){
    $('#studentTable').tableExport({
        type: 'excel',//導出文件類型，[ 'csv', 'txt', 'sql', 'doc', 'excel', 'xlsx', 'pdf']
        exportDataType: "basic",//'basic':當前頁的數據, 'all':全部的數據, 'selected':選中的數據
        ignoreColumn: [0],//忽略某一列的索引
        fileName: '學生信息列表',//下載文件名稱
        onCellHtmlData: function (cell, row, col, data){//處理導出內容,自定義某一行、某一列、某個單元格的內容
            console.info(data);
            return data;
        },
    });
}

    就這樣簡簡單單的兩步，就能夠實現導出Excel了。