使用XPages修复的视图列标题

我需要一个有关查看面板列标题的帮助。我使用视图面板使用JDBC连接管理器从SQL中提取数据，并使用Xpages在视图面板控件中显示数据。我一次显示500行，当用户试图滚动数据时，列标题会向上滚动。所以，现在我需要修复所有视图列标题在行向上/向下滚动时的问题。有人能帮我一下吗？

可以看看DataTables，有关在XPages中实现此功能的详细信息，请参阅Liver Busse的博客，

您可以使用插件将此功能添加到现有的

视图面板中。只涉及两个步骤：


下载库并将其添加到XPage/应用程序中
激活viewPanel的插件（或重复）：

x$（“#{id:viewPanel1}”）.floatThead（{}）

（x$函数来自ExtLib引导主题）

我在这里制作了一个小演示：

最简单的方法是将viewStyle添加到viewPanel并将其设置为100%


我希望这有帮助
 马克看起来不错！你好，马克，谢谢你回答我的上述问题。你能澄清一下a）我已经下载了插件，我看到了两个JS文件，我是否需要同时使用这两个JS文件？b） 我是否需要将这些js文件用作客户端脚本库？您能详细介绍一下我需要调用jquery函数（x$（“#{id:viewPanel1}”）.floatThead（{}）在我的xpage中调用哪些函数吗？我在你的演示中也看到了一些css，我需要在我的应用程序中也使用这些css吗？当我尝试在我的Xpages中使用onClientLoad将这个Jquery函数用于客户端脚本和服务器端脚本时，我遇到了以下例外情况，即使是在我的Xpages中。我想我肯定这里遗漏了什么。错误源页面名称：/xppartinfo概述.xsp控制Id:_id1属性：执行JavaScript操作表达式脚本解释器错误时OnClient加载异常，line=1，col=1:[ReferenceError]“x$”找不到JavaScript代码1:x$（“#{Id:viewPanel1}”）。floatThead（{}）；“x$”错误可能是因为您没有使用引导ExtLib主题。您不必使用它，但是jQuery.floatThead需要jQuery，因此您需要添加它作为最小值，然后还可以使用不同的选择器（例如：在viewPanel上设置
dataTableStyleClass
属性，然后使用$（'.yourClass'）。关于其他问题：a）不，只需从'dist'文件夹中选择1。b） 对。我添加到演示中的CSS不是必需的。顺便说一句：这里可以查看完整的XPage源代码：。