html js 导出excel表格

这个使用js 导出excel，可以集成其他语言，可以html,php,asp ,java 等，自己喜欢用那种语言就用哪种，使用非常方便。js是使用tableExport.js ，jquery-3.2.1.min.js 以及FileSaver.min.js

这个tableExport.js js插件很强大，有兴趣的可以搜索一下，这里分享个html + js 的导出excel表格。

 1 <!DOCTYPE html>

 2 <html>

 3 <head>

 4   <meta charset="UTF-8">

 5   <title>HTML table Export</title>

 6 <script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>

 7 <script type="text/javascript" src="js/FileSaver.min.js" ></script>

 8 <script type="text/javascript" src="js/tableExport.js" ></script>

 9   <script type="text/javascript">

10     $(document).ready(function() {

11       var Table = document.getElementById ( 'container' );

12       var T = [];

13       var r = 0;

14       var c = 1;

15       var rmax = 5;

16       var cmax = 26;

17

18       T.push('<table id="grid">');

19       T.push('<thead>');

20       T.push('<tr>');

21

22       T.push('<th>col #</th>');

23       while (++c <= cmax+1)

24         T.push('<td>col ' + c + '</td>');

25

26       T.push('</tr>');

27       T.push('</thead>');

28       T.push('<tbody>');

29

30       while (r++ < rmax) {

31         c = 0;

32

33         T.push('<tr>');

34         T.push('<td>' + r + '</td>');

35         while (c++ < cmax)

36           T.push('<td>' + getRandomInt(100,10000) + '</td>');

37         T.push('</tr>');

38       }

39

40       T.push('</tbody>');

41       T.push('</table>');

42

43       Table.innerHTML = T.join ("");

44

45       $('#export').click(function() {

46         $('#grid').tableExport({

47           type:'excel',

48           fileName:"测试"

49

50         });

51         // $('#grid').tableExport({type:'xlsx'});

52       });

53     });

54

55     function getRandomInt(min, max) {

56         return Math.floor(Math.random() * (max - min + 1)) + min;

57     }

58 </script>

59

60 </head>

61   <body>

62     <button id="export">导出 Excel</button>

63     <div id="container">

64     </div>

65   </body>

66 </html>

效果如下图：

这里是整个js+html 源代码，喜欢的拿去下载使用。点击这里下载：js导出excel表格（访问密码：7509）

如果有不懂得，欢迎交流联系，谢谢。

巴特西

html js 导出excel表格

最新文章

热门文章