[笔记] jQuery DataTable 输出 Excel 的设定调整初尝试

章节连结

jQuery DataTable 套件搭配上 JZip 和其 Buttons 套件,可以方便输出 Excel 的 XLSX 格式。这篇笔记下初次尝试设定一些关于版面排列和设定的东西。
jQuery DataTable


需要相关套件

1. jQuery
2. jQuery DataTable
3. jQuery DataTable Buttons
4. jQuery DataTable Buttons HTML5


程式码关键解析

运用 customize 参数中,写进相关的 function 来操作用于解析的 DOM。其中可分为 3 块:
Update Row – 将既有的 Row 资料,往下平移 X 层。相当于插入 X 条 Row 的意思
Update row > c – 虽说你把版型给调整好了,不过每一个格子 cell 对应的位置也需要跟着做改变
insert – 加入你想要的值,若以 Addrow(1, [{ k: ‘A’, v: ‘ColA’ }, { k: ‘B’, v: ” }) 为例,代表在 A1 插入 ColA, B1 插入 空白值
最后将既有的 innerHTML 进行替换就完成了。

若你不想要输出网页表头 (Header) 的话,那要在 exportOptions 中的 format 里的 header 设置为 null ( 默认为 * )


程式码


参考资料

1. Demo 范例:http://live.datatables.net/lizidesu/1/
2. jQuery DataTable HTML5 export buttons


按赞加入粉丝团

延伸阅读