list.html 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <filter><script src="../../lib/common.js"></script><script src="../../lib/jquery/jquery.min.js"></script></filter>
  5. <script class="include" system="" path="inc/" file="head">include()</script>
  6. </head>
  7. <body class="fixed-left">
  8. <!-- Begin page -->
  9. <div id="wrapper">
  10. <script class="include" system="" path="inc/" file="nav">include()</script>
  11. <script class="include" system="" path="inc/" file="menu">include()</script>
  12. <!-- ============================================================== -->
  13. <!-- Start right Content here -->
  14. <!-- ============================================================== -->
  15. <div class="content-page">
  16. <!-- Start content -->
  17. <div class="content">
  18. <style>
  19. .container_list .form-control
  20. {
  21. width:80%;
  22. display: inline;
  23. }
  24. .container_list .panel-heading .form-control,#mul .form-control,#page .form-control
  25. {
  26. display:inline;
  27. width:15%;
  28. margin-top: 10px;
  29. }
  30. .container_list .table
  31. {
  32. margin-bottom: 0px;
  33. }
  34. .container_list td
  35. {
  36. vertical-align: middle;
  37. }
  38. .container_list th,.container_list td
  39. {
  40. white-space: nowrap;
  41. }
  42. .container_list .table-responsive[data-pattern="priority-columns"]
  43. {
  44. position:inherit;
  45. }
  46. </style>
  47. <div class="container container_list" id="content_1" style="display:none;"></div>
  48. <div class="container container_list" id="content_2">
  49. <!-- Page-Title -->
  50. <div class="row">
  51. <div class="col-sm-12">
  52. <h4 class="pull-left page-title" id="list-name">Responsive Table</h4>
  53. <ol class="breadcrumb pull-right">
  54. <li><a href="#dever_modal" data-toggle="modal" onclick="showMsg('数据结构', $(this), '#struct')" id="list-project">Tables</a></li>
  55. <li class="active" id="list-desc">Responsive Table</li>
  56. </ol>
  57. </div>
  58. </div>
  59. <form id="form1" name="form1" method="post" target="f1">
  60. <input type="hidden" name="function" id="function" value="msg"/>
  61. <input type="hidden" name="url" id="url" value=""/>
  62. <input type="hidden" name="method" id="method" value="search"/>
  63. <iframe id="f1" name="f1" style="display:none;"></iframe>
  64. <div class="row">
  65. <div class="col-lg-12">
  66. <div class="panel panel-border panel-primary">
  67. <div class="panel-heading">
  68. <div class="btn-toolbar list-toolbar">
  69. <a class="btn btn-primary" type="button" id="list-parent" style="display:none;"><i class="fa fa-chevron-left"></i> 返回上一页</a>
  70. <a class="btn btn-primary" type="button" id="list-add"><i class="fa fa-plus"></i> 新增</a>
  71. <span id="list-button"></span>
  72. <div id="search"></div>
  73. </div>
  74. </div>
  75. <div class="panel-body table-rep-plugin">
  76. <div class="table-tool-responsive" data-pattern="priority-columns">
  77. <div id="table_1" style="display:none;"></div>
  78. <div id="table_2">
  79. <table id="tech-companies-1" class="table table-small-font table-bordered table-striped table-tool">
  80. <thead id="list-thead">
  81. <tr>
  82. <th>Company</th>
  83. <th data-priority="1">Last Trade</th>
  84. <th data-priority="3">Trade Time</th>
  85. <th data-priority="1">Change</th>
  86. <th data-priority="3">Prev Close</th>
  87. <th data-priority="3">Open</th>
  88. <th data-priority="6">Bid</th>
  89. <th data-priority="6">Ask</th>
  90. <th data-priority="6">1y Target Est</th>
  91. <th data-priority="6">Lorem</th>
  92. <th data-priority="6">Ipsum</th>
  93. </tr>
  94. </thead>
  95. <tbody id="list-tbody">
  96. <tr>
  97. <th>GOOG <span class="co-name">Google Inc.</span></th>
  98. <td>597.74</td>
  99. <td>12:12PM</td>
  100. <td>14.81 (2.54%)</td>
  101. <td>582.93</td>
  102. <td>597.95</td>
  103. <td>597.73 x 100</td>
  104. <td>597.91 x 300</td>
  105. <td>731.10</td>
  106. <td colspan="2">Spanning cell</td>
  107. </tr>
  108. </tbody>
  109. </table>
  110. </div>
  111. </div>
  112. <div id="mul"></div>
  113. <div id="page"></div>
  114. <div class="dever_desc" id="desc"></div>
  115. </div>
  116. </div>
  117. </div>
  118. </div> <!-- end row -->
  119. </form>
  120. <div id="struct" style="display:none;"></div>
  121. <script>
  122. $(document).ready(function()
  123. {
  124. init();
  125. });
  126. </script>
  127. </div>
  128. </div>
  129. <script class="include" system="" path="inc/" file="foot">include()</script>
  130. </div>
  131. <!-- ============================================================== -->
  132. <!-- End Right content here -->
  133. <!-- ============================================================== -->
  134. <script class="include" system="" path="inc/" file="chat">include()</script>
  135. </div>
  136. <script class="include" system="" path="inc/" file="script">include()</script>
  137. </body>
  138. </html>