123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <filter><script src="../../lib/common.js"></script><script src="../../lib/jquery/jquery.min.js"></script></filter>
- <script class="include" system="" path="inc/" file="head">include()</script>
- </head>
-
- <body class="fixed-left">
- <!-- Begin page -->
- <div id="wrapper">
- <script class="include" system="" path="inc/" file="nav">include()</script>
-
- <script class="include" system="" path="inc/" file="menu">include()</script>
- <!-- ============================================================== -->
- <!-- Start right Content here -->
- <!-- ============================================================== -->
- <div class="content-page">
- <!-- Start content -->
- <div class="content">
- <style>
- .container_list .form-control
- {
- width:80%;
- display: inline;
- }
- .container_list .panel-heading .form-control,#mul .form-control,#page .form-control
- {
- display:inline;
- width:15%;
- margin-top: 10px;
- }
- .container_list .table
- {
- margin-bottom: 0px;
- }
- .container_list td
- {
- vertical-align: middle;
- }
- .container_list th,.container_list td
- {
- white-space: nowrap;
- /*white-space: none;*/
- }
- .container_list .table-responsive[data-pattern="priority-columns"]
- {
- position:inherit;
- margin-top:20px;
- overflow-x: auto;
- overflow-y: hidden;
- }
- .dever-emoji img {
- width:16px;
- }
- </style>
- <style id="addstyle">
- </style>
- <div class="topbar">
- <div class="banner dever-layout" style="display:none;">
- <a target="_blank"><img src="#"></a>
- <span>项目名称</span>
- </div>
- </div>
- <div class="container container_list" id="content_1" style="display:none;"></div>
- <div class="container container_list" id="content_2">
- <!-- Page-Title -->
- <div class="row">
- <div class="col-sm-12">
- <ul class="nav navbar-nav navbar-left data-auth-top">
- <li class="dropdown">
- <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
- <span>project</span>
- </a>
- <ul class="dropdown-menu" style="overflow: auto;max-height: 350px;">
- <li><a href="javascript:;">Users</a></li>
- </ul>
- </li>
- </ul>
- <h4 class="pull-left page-title" id="list-name">Responsive Table</h4>
- <ol class="breadcrumb pull-right">
- <li><a href="javascript:;" onclick="showMsg('数据结构', $(this), '#struct')" id="list-project">Tables</a></li>
- <li class="active" id="list-desc">Responsive Table</li>
- </ol>
- </div>
- </div>
- <input type="hidden" name="url1" id="url" value=""/>
- <form id="form1" name="form1" method="get" target="f1">
- <input type="hidden" name="l" id="l" value="msg"/>
- <input type="hidden" name="project" id="project" value="msg"/>
- <input type="hidden" name="table" id="tables" value="msg"/>
- <input type="hidden" name="menu" id="menu" value="msg"/>
- <input type="hidden" name="menu_id" id="menu_id" value="msg"/>
- <input type="hidden" name="search_option_state" id="search_option_state" value="msg"/>
- <input type="hidden" name="function" id="function" value="msg"/>
- <input type="hidden" name="method" id="method" value="search"/>
- <div id="search_param"></div>
- <iframe id="f1" name="f1" style="display:none;"></iframe>
- <div class="row">
- <div class="col-lg-12">
- <div class="panel panel-border panel-primary">
- <div class="panel-heading">
- <div class="btn-toolbar list-toolbar">
-
- <a class="btn btn-primary" type="button" id="list-parent" style="display:none;"><i class="fa fa-chevron-left"></i> 返回上一页</a>
-
- <a class="btn btn-primary" type="button" id="list-add"><i class="fa fa-plus"></i> 新增</a>
-
-
- <span id="list-button"></span>
- <div id="search"></div>
- </div>
- </div>
- <div id="table_1" style="display:none;" class="panel-body table-rep-plugin">
- </div>
- <div id="table_2" class="panel-body table-rep-plugin">
- <div class="table-responsive" data-pattern="priority-columns">
- <div>
- <table id="tech-companies-1" class="table table-small-font table-bordered table-striped table-tool">
- <thead id="list-thead">
- <tr>
- <th>Company</th>
- <th data-priority="1">Last Trade</th>
- <th data-priority="3">Trade Time</th>
- <th data-priority="1">Change</th>
- <th data-priority="3">Prev Close</th>
- <th data-priority="3">Open</th>
- <th data-priority="6">Bid</th>
- <th data-priority="6">Ask</th>
- <th data-priority="6">1y Target Est</th>
- <th data-priority="6">Lorem</th>
- <th data-priority="6">Ipsum</th>
- </tr>
- </thead>
- <tbody id="list-tbody">
- <tr>
- <th>GOOG <span class="co-name">Google Inc.</span></th>
- <td>597.74</td>
- <td>12:12PM</td>
- <td>14.81 (2.54%)</td>
- <td>582.93</td>
- <td>597.95</td>
- <td>597.73 x 100</td>
- <td>597.91 x 300</td>
- <td>731.10</td>
- <td colspan="2">Spanning cell</td>
- </tr>
-
- </tbody>
- </table>
- </div>
- </div>
- <div id="mul"></div>
- <div id="page"></div>
- <div class="dever_desc" id="desc"></div>
- </div>
- </div>
- </div>
- </div> <!-- end row -->
-
- </form>
- <form id="form2" name="form2" method="get" style="display: none;">
- </form>
- <div id="struct" style="display:none;"></div>
- <script>
- $(document).ready(function()
- {
- init();
- });
- </script>
- </div>
- </div>
-
- <script class="include" system="" path="inc/" file="foot">include()</script>
-
- </div>
- <!-- ============================================================== -->
- <!-- End Right content here -->
- <!-- ============================================================== -->
- <script class="include" system="" path="inc/" file="chat">include()</script>
-
- </div>
- <script class="include" system="" path="inc/" file="script">include()</script>
- </body>
- </html>
|