src/main/webapp/plugin/js/tableExport/test/sidebyside.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>HTML table Export</title>
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script type="text/javascript" src="../libs/FileSaver/FileSaver.min.js"></script>
  <script type="text/javascript" src="../libs/jsPDF/jspdf.min.js"></script>
  <script type="text/javascript" src="../libs/jsPDF-AutoTable/jspdf.plugin.autotable.js"></script>
  <script type="text/javascript" src="../tableExport.js"></script>
  <style type="text/css">
    <!--
    table  {
      border-collapse: collapse;
    }

    table > thead > tr > td,
    table > thead > tr > th {
      background-color: gray;
      border: 1px solid #efefef;
      color: white;
      padding: 0.2rem;
    }

    table > tbody > tr > td {
      border: 1px solid #999;
      padding: 0.2rem;
    }

    .table-striped {
      background-color: white;
      padding: 0.5rem;
    }

    .table-striped > tbody > tr:nth-child(2n+1) > td {
      background-color: #ccdf88;
    }
    -->
  </style>
  <script type="text/javaScript">

    function doExport(selector, params) {
      var options = {
        tableName: 'Side by Side Tables'
      };
      $.extend(true, options, params);
      $(selector).tableExport(options);
    }
    
    function doBeforeAutotable(table, columns, rows, settings) {
      var n = settings.tableExport.mytableno;
      
      if (settings.tableExport.mytableno == 5) {
        settings.tableExport.mytableno = 0;
        settings.tableExport.doc.addPage();
      }

      settings.startY = 10;
      settings.margin.left = 10 + settings.tableExport.mytableno * (settings.tableWidth + 10);
      settings.margin.right =  settings.margin.left + settings.tableWidth;