关于一览表和pagging的布局设计

最新推荐文章于 2023-12-20 14:08:28 发布

未来无所不能

最新推荐文章于 2023-12-20 14:08:28 发布

阅读量594

点赞数

分类专栏： Handsontable 文章标签：关于一览表和pagging的布局设计

本文链接：https://blog.csdn.net/liuhui12345/article/details/100155381

版权

Handsontable 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

最近在做一个给handsontable加pagging的实现

html demo

    <html>
    <head>
        <meta charset="UTF-8">
    </head>
    <body>
          <div id="parent" style="background-color:red;margin-left:10px;height:100px;width:50px;">
          <div id="child1" style="height:300px;width:400px;background-color:pink;overflow:visible;">
          <table width="400px" border="1" height="300px">
          handsontable
          </table>
          </div>
          <div id="child2" style="height:30px;width:400px;background-color:blue;">
              <input type="text" value="pagging" style="float:right" />
          </div>
        </div>
    </body>
 </html>

handsontalbe 実装:

    <div class="row mt-1">
      <div id="table_data" style="position:relative">
          <div id="pageControl" style="white-space:nowrap;position:absolute;right:0;bottom:-30px;">
              <input type="hidden" id="page" value="1"/>
              <input type="hidden" id="maxPage" value="1">
              <span id="fromToCount"></span>
              <div id="myPaginator" style="vertical-align:bottom;display:inline-block;">
              </div>
          </div>
     </div>
 </div>

未来无所不能

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于一览表和pagging的布局设计

最近在做一个给handsontable加pagging的实现html demo<html><head> <meta charset="UTF-8"></head><body> <div id="parent" style="background-color:red;margin-left:10px;h...
复制链接

扫一扫