jQuery MiniUI

 找回密码
 立即注册
查看: 499|回复: 3
打印 上一主题 下一主题

分页栏出不来咋办 [复制链接]

Rank: 6Rank: 6

跳转到指定楼层
楼主
发表于 2023-10-26 16:29:32 |只看该作者 |倒序浏览


应该加什么样式。求助


附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

沙发
发表于 2023-10-26 18:47:22 |只看该作者
看起来是表格高度不够了,估计是个布局问题

Rank: 6Rank: 6

板凳
发表于 2023-11-1 10:31:59 |只看该作者
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <title></title>
  8.   

  9.     <style>

  10.         .custom-btn {
  11.             background-color: #428bca !important; /* 按钮背景颜色 */
  12.             color: white !important; /* 字体颜色 */
  13.             font-size: 16px !important; /* 字体大小 */
  14.             padding: 10px 20px !important; /* 内边距,控制按钮大小 */
  15.             border-radius: 5px !important; /* 按钮圆角 */
  16.             border: none !important; /* 去除按钮边框 */
  17.             cursor: pointer !important; /* 鼠标悬停样式 */
  18.         }

  19.             .custom-btn:hover {
  20.                 background-color: rgb(0, 57, 100) !important; /* 鼠标悬停时的按钮背景颜色 */
  21.             }
  22.         .mini-panel-header {
  23.             display: block !important;
  24.         }
  25.     </style>
  26. </head>

  27. <body>
  28.     <div class="row" style="height: 100%;">
  29.         <div class="row  row-hd row-hd-responsive" style="height: 100%">
  30.             <div class="col-md-12 col-hd-6">
  31.                 <div class="portlet box blue" style="height: 100%;">
  32.                     <div class="portlet-title">
  33.                         <div class="captiontools">
  34.                             <input class="mini-combobox" id="PowerMessage.types" onvaluechanged="OnTypesChange" style="width: 100px;">

  35.                         </div>
  36.                         <div class="tools">

  37.                             <input id="search_start" class="mini-datepicker" width="100">-<input id="search_end" class="mini-datepicker" width="100">
  38.                             <a class="mini-button blue lanentry" id="btn-search" onclick="onSearch"><i class="fa fa-search"></i>搜索</a>
  39.                                                          <div id="PowerMessage-Export" class="btn-group"></div>
  40.                         </div>
  41.                     </div>
  42.                     <div class="mini-fit" style="background: #FFF;">
  43.                         <div class="portlet-body" style="height: 100%; padding: 4px">
  44.                             <div id="PowerMessage" class="mini-datagrid" style="width: 100%; height: 100%;" idfield="Id" allowresize="true"
  45.                                  pagesize="15" showpager="true" onbeforeload="OnBeforeLoad" onpreload="OnPreLoad" autoload="false">
  46.                                 <div property="columns">
  47.                                     <div type="indexcolumn" width="25"></div>
  48.                                  
  49.                                     <div name="Title" field="Title" width="150" class="lanentry">标题</div>
  50.                                     
  51.                                 </div>
  52.                             </div>
  53.                         </div>
  54.                     </div>
  55.                 </div>
  56.             </div>
  57.             <div class="col-md-12 col-hd-6">
  58.                 <div class="portlet box blue" style="height: 100%;">
  59.                   <div class="portlet-title">
  60.                         <div class="captiontools">
  61.                            
  62.                         </div>
  63.                         <div class="tools">

  64.                         </div>
  65.                     </div>
  66.                   
  67.                     <div class="portlet-body" style="height: 100%;">
  68.                         <div id="hz_doc_DspAudit" class="mini-datagrid" style="width: 100%; height: 100%;" allowresize="true" allowcelledit="false"
  69.                              multiselect="true" allowcellselect="true" idfield="Id" >
  70.                             <div property="columns">
  71.                                 <div type="checkcolumn"></div>
  72.                                 <div type="indexcolumn">序号</div>                                
  73.                               
  74.                             </div>
  75.                         </div>
  76.                     </div>
  77.                 </div>
  78.             </div>
  79.         </div>
  80.     </div>
  81.     <script type="text/javascript">

  82.         mini.parse();
  83.       
  84.     </script>
  85. </body>
  86. </html>
复制代码

Rank: 8Rank: 8

地板
发表于 2023-11-1 14:19:28 |只看该作者
冰是睡着的雪 发表于 2023-11-1 10:31

样式文件也提供一下。

Archiver|普加软件

GMT+8, 2024-5-10 20:44 , Processed in 1.096350 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部