简介
datatables-tabletools是一个能够为 DataTables 表格添加额外功能的插件,例如打印、复制、保存等。它是基于 jQuery 和 DataTables 构建的,使用方便。
安装和引入
你可以通过npm直接安装 datatables-tabletools:
npm install datatables-tabletools --save
在你的HTML文件中引入相关文件:
-- -------------------- ---- ------- ---- ------ --- ------- ----------------------------------------------------------- ---- ---------- --- ----- ---------------- --------------- ------------------------------------------------------------------- ------- ---------------------- -------------- ------------------------------------------------------------------------- ---- ---------- --- ----- ---------------- --------------- --------------------------------------------------------------------------------- ------- ---------------------- -------------- -------------------------------------------------------------------------------------------
使用方法
当你完成了上述步骤后,你就可以开始使用 datatables-tabletools 了。下面是一些示例代码:
初始化
$(document).ready(function() { $('#example').dataTable( { "dom": 'T<"clear">lfrtip', "tableTools": { "sSwfPath": "/swf/copy_csv_xls_pdf.swf" } } ); } );
导出为Excel
-- -------------------- ---- ------- ---------------------------- - ------------------------ - ------ ------------------- ------------- - ----------- ---------------------------- ----------- - - ----------- ------ ------------ ------- - - - - -- - --
自定义导出按钮
-- -------------------- ---- ------- ---------------------------- - --- ---------- - --- -------------------------- -------------- - ---------- - - ----------- ------ -------------- ----- -- ----- ------------------ ------------ -------------- ---- ------- -- ----------- -- - ----------- ------ -------------- ----- -- ----- ----------- --------- -- - ----------- -------- -------------- -------- ----------- ---- - - --- -- ------------------------ ----------------------------------- - --
总结
datatables-tabletools 是一个非常实用的插件,它可以帮助你快速地添加各种额外功能到你的数据表格中。通过这篇文章,你已经学会了如何安装、引入和使用该插件,相信它对你今后的前端开发工作将有很大的指导意义。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/37571