bootstrap2.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>HTML table Export</title>
  6. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  7. <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.bundle.min.js"></script>
  8. <script src="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.js"></script>
  9. <script src="https://unpkg.com/bootstrap-table@1.18.3/dist/extensions/export/bootstrap-table-export.js"></script>
  10. <script src="https://unpkg.com/bootstrap-table@1.18.3/dist/extensions/toolbar/bootstrap-table-toolbar.js"></script>
  11. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2014-11-29/FileSaver.min.js"></script>
  12. <script type="text/javascript" src="../libs/pdfmake/pdfmake.min.js"></script>
  13. <script type="text/javascript" src="../libs/pdfmake/vfs_fonts.js"></script>
  14. <script type="text/javascript" src="../tableExport.js"></script>
  15. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  16. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
  17. <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css">
  18. <script type="text/javaScript">
  19. $(document).ready(function()
  20. {
  21. $('#table_sortSearchResult').bootstrapTable('refreshOptions', {
  22. exportOptions: {fileName: "tableExport",
  23. pdfmake: {enabled:true}
  24. }
  25. });
  26. });
  27. </script>
  28. </head>
  29. <body>
  30. <div class="container">
  31. <div id="toolbar">
  32. </div>
  33. <table class="std_table"
  34. id="table_sortSearchResult"
  35. data-toggle="table"
  36. data-maintain-selected="true"
  37. data-sort-name="Zeitpunkt"
  38. data-sort-order="asc"
  39. data-search="true"
  40. data-show-pagination-switch="true"
  41. data-pagination="true"
  42. data-page-list="[10, 25, 50, 100, ALL]"
  43. data-page-size="25"
  44. data-show-footer="false"
  45. data-side-pagination="client"
  46. data-show-export="true"
  47. data-export-types="['excel', 'pdf']"
  48. data-export-options='{
  49. }'
  50. data-click-to-select="true"
  51. >
  52. <thead>
  53. <tr>
  54. <th data-field="Zeitpunkt" data-sortable="true" data-sorter="dateSorter">
  55. Zeitpunkt
  56. </th>
  57. <th data-field="Geändert von" data-sortable="true">
  58. Geändert von
  59. </th>
  60. <th data-field="Art" data-sortable="true">
  61. Art
  62. </th>
  63. <th data-field="Objekt" data-sortable="false">
  64. Objekt
  65. </th>
  66. <th data-field="Änderungen" data-sortable="false">
  67. Änderungen
  68. </th>
  69. <th data-field="Alte Werte" data-sortable="false">
  70. Alte Werte
  71. </th>
  72. </tr>
  73. </thead>
  74. <tbody>
  75. <tr>
  76. <td>21.03.2017 11:20:12</td>
  77. <td>admin \n new line</td>
  78. <td>Modifikation
  79. new line</td>
  80. <td>maxi.aigner, Lehrer, <b>ALP</b>, GS, test, </td>
  81. <td><b>givenName</b>:= Maximilian P.<br>mebisASVUID:-<br>mebisDeactivated:-<br><b>mebisIsNewsletter</b>:= FALSE</td>
  82. <td><b>givenName</b>: Maximilian<br><b>mebisASVUID</b>: 3cbe1b2ce1b517e1126689bc92e73472<br><b>mebisDeactivated</b>: FALSE</td>
  83. </tr>
  84. <tr>
  85. <td>22.03.2017 17:55:26</td>
  86. <td>admin</td>
  87. <td>Modifikation</td>
  88. <td>maxi.aigner, Lehrer, ALP, GS, test, </td>
  89. <td><b>givenName</b>:= Maximilian PQ.</td>
  90. <td><b>givenName</b>: Maximilian P.</td>
  91. </tr>
  92. </tbody>
  93. </table>
  94. </div>
  95. </body>
  96. </html>