src/main/webapp/plugin/js/tableExport/test/bootstrap.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="../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">

  function detailFormatter(index, row) {
      var html = [];
      $.each(row, function (key, value) {
          html.push('<p><b>' + key + ':</b> ' + value + '</p>');
      });
      return html.join('');
  }

  function DoOnCellHtmlData(cell, row, col, data) {
      var result = "";
      if (typeof data != 'undefined' && data != "") {
        var html = $.parseHTML(data);

        $.each( html, function() {
            if ( typeof $(this).html() === 'undefined' )
                result += $(this).text();
            else if ( typeof $(this).attr('class') === 'undefined' || $(this).hasClass('th-inner') === true )
                result += $(this).html();
        });
      }
      return result;
  }

  $(function () {
      $('#toolbar').find('select').change(function () {
          $('#table').bootstrapTable('refreshOptions', {
              exportDataType: $(this).val()
          });
      });
  })

  $(document).ready(function()
  {
    $('#table').bootstrapTable('refreshOptions', {
        exportOptions: {ignoreColumn: [0,1], // or as string array: ['0','checkbox']
                        onCellHtmlData: DoOnCellHtmlData}
    });
  });

  </script>
  </head>