具有自动高度和固定标题的 jqx 网格

Question

有人如何使用 jqxGrid 创建一个 table 具有 header 在滚动时不移动以及自动行高的

？

我做了以下操作，但结果是自动行高，但 header 在滚动时移动。

$("#jqxgrid").jqxGrid({
 widht:"100%",
 showfilterrow:true,
 filterable:true,
 autorowheight:true,
 autoheight:true,
 altrows:true
 columns: [//some columns here]
}

Answer 1

您可以激活网格内的滚动条，以便 headers 在您向下滚动内容时保持可见。通过将 autoheight 设置为 false 并指定固定高度来执行此操作。

$("#jqxgrid").jqxGrid({
 width:"100%",
 showfilterrow:true,
 filterable:true,
 autorowheight:true,
 autoheight:false,
 height:500
 altrows:true
 columns: [//some columns here]
}

您可以在 JqWidget's jsfiddle 中通过将 autorowheight 设置为 false 进行尝试。

Answer 2

autoheight: false, pageable: true 是您的解决方案。当滚动来自 jQWidgets Grid 时，header 默认为 Fixed position。如果 autoheight 为 true，jqxGrid 的垂直滚动将被禁用，因为 Grid 的高度是所有行高的总和，所以如果有滚动条，它就是浏览器的滚动条，而你的 Grid 的高度可能是 5000px。

具有自动高度和固定标题的 jqx 网格

jqx grid with autorowheight and fixed headed

jquery

jqxgrid