首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >分页制表器动态高度

分页制表器动态高度
EN

Stack Overflow用户
提问于 2020-03-09 01:10:47
回答 1查看 453关注 0票数 1

我不明白如何使制表器自动为动态高度表设置适当的页面大小。它提供了2页,但行数与表的高度不匹配。

JavaScript

代码语言:javascript
运行
复制
var ActivityTable = new Tabulator("#ActivityTable",{
  index:"id",
  ajaxURL:"/api/getActionLogsData",
  layout:"fitDataFill",
  responsiveLayout:"hide",
  resizableColumns:false,
  layoutColumnsOnNewData:true,
  pagination:"local",
  paginationElement: document.getElementById("ActivityTablePagination"),
  height:"90%",

  columns:[
    {title:"First", field:"User.FirstName"},
    {title:"Last", field:"User.LastName"},
    {title:"Time", field:"CreatedAt",formatter:localRelativeTimeFormatter},
    {title:"Success", field:"Success"},
    {title:"Message", field:"Message"},
  ]
})

HTML

代码语言:javascript
运行
复制
<div class="container-fluid h-100">
  <div class="d-flex justify-content-between">
    <h4>Activity Logs</h4>
    <div id="ActivityTablePagination"></div>
  </div>
  <div class="h-100" id="ActivityTable"></div>
</div>

输出

EN

回答 1

Stack Overflow用户

发布于 2022-04-18 18:39:58

如果在CSS中或通过使用“高度”选项指定表的高度,而不定义paginationSize选项,则页大小将自动设置为填充表的高度。

代码语言:javascript
运行
复制
    height:"300px",
    pagination:"local", //enable local pagination.
});```

source http://tabulator.info/docs/4.1/page
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/60593593

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档