src/main/webapp/plugin/js/tableExport/test/bootstrap2.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="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.1/bootstrap-table.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.1/extensions/filter-control/bootstrap-table-filter-control.js"></script>


  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2014-11-29/FileSaver.min.js"></script>

  <script type="text/javascript" src="../libs/pdfmake/pdfmake.min.js"></script>
  <script type="text/javascript" src="../libs/pdfmake/vfs_fonts.js"></script>

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

  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.1/extensions/export/bootstrap-table-export.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.1/extensions/toolbar/bootstrap-table-toolbar.js"></script>

  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" />
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.1/bootstrap-table.min.css" />

  <script type="text/javaScript">

  $(document).ready(function()
  {
    $('#table_sortSearchResult').bootstrapTable('refreshOptions', {
        exportOptions: {fileName: "tableExport",
                        pdfmake: {enabled:true}
                       }

    });
  });

  </script>
  </head>
  <body>
    <div class="container">
      <div id="toolbar">
      </div>
      <table class="std_table"
            id="table_sortSearchResult"
            data-toggle="table"
            data-maintain-selected="true"
              data-sort-name="Zeitpunkt"
            data-sort-order="asc"
              data-search="true"
              data-show-pagination-switch="true"
              data-pagination="true"
              data-page-list="[10, 25, 50, 100, ALL]"
                data-page-size="25"
              data-show-footer="false"
              data-side-pagination="client"
              data-show-export="true"
              data-export-types="['excel', 'pdf']"
              data-export-options='{
              }'