欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery datagrid導(dǎo)出excel

錢浩然2年前8瀏覽0評論

現(xiàn)在很多企業(yè)都使用jquery datagrid作為網(wǎng)站的表格展示插件,如果你需要將datagrid中的數(shù)據(jù)導(dǎo)出為excel文件,下面就介紹一下如何實(shí)現(xiàn)。

首先,在html文件中引入js和css文件:

<link rel="stylesheet" ><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script src="http://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script><script src="https://cdn.bootcdn.net/ajax/libs/jszip/3.1.3/jszip.min.js"></script><script src="https://cdn.bootcdn.net/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script><script src="https://cdn.bootcdn.net/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script><script src="http://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js"></script><script src="http://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js"></script>

然后在js中初始化datagrid:

var datatable = $('#table-id').DataTable({...});

最后,在datagrid上加上導(dǎo)出excel的按鈕,并綁定導(dǎo)出事件:

new $.fn.dataTable.Buttons(datatable, {
buttons: [{
extend: 'excelHtml5',
text: '導(dǎo)出Excel',
filename: '文件名',
exportOptions: {
modifier: {
page: 'current'
}
}
}]
});

導(dǎo)出的excel文件名可以通過設(shè)置filename屬性實(shí)現(xiàn),exportOptions屬性可以用來指定需要導(dǎo)出的數(shù)據(jù)包括哪些列。

以上就是使用jquery datagrid導(dǎo)出excel的簡單介紹,希望對您有所幫助。