jQuery MiniUI

标题: 分页栏出不来咋办 [打印本页]
作者: 冰是睡着的雪    时间: 2023-10-26 16:29:32     标题: 分页栏出不来咋办



应该加什么样式。求助
[attach]13835[/attach]

作者: felt    时间: 2023-10-26 18:47:22

看起来是表格高度不够了，估计是个布局问题
作者: 冰是睡着的雪    时间: 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.   

  10.     <style>

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

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

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

  40.                         </div>
  41.                         <div class="tools">

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

  71.                         </div>
  72.                     </div>
  73.                   
  74.                     <div class="portlet-body" style="height: 100%;">
  75.                         <div id="hz_doc_DspAudit" class="mini-datagrid" style="width: 100%; height: 100%;" allowresize="true" allowcelledit="false"
  76.                              multiselect="true" allowcellselect="true" idfield="Id" >
  77.                             <div property="columns">
  78.                                 <div type="checkcolumn"></div>
  79.                                 <div type="indexcolumn">序号</div>                                
  80.                               
  81.                             </div>
  82.                         </div>
  83.                     </div>
  84.                 </div>
  85.             </div>
  86.         </div>
  87.     </div>
  88.     <script type="text/javascript">

  90.         mini.parse();
  91.       
  92.     </script>
  93. </body>
  94. </html>
复制代码
作者: felt    时间: 2023-11-1 14:19:28

冰是睡着的雪 发表于 2023-11-1 10:31

样式文件也提供一下。



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2