Javascript 动态表垂直和垂直;水平滚动粘性标题和固定列

Javascript 动态表垂直和垂直;水平滚动粘性标题和固定列,javascript,jquery,html,Javascript,Jquery,Html,我正在开发一个解决方案,向用户提供类似表格的数据,要求如下: 在固定尺寸内水平滚动。水平滚动时,第一列必须是粘性的,并跟随用户滚动 垂直滚动带有粘性标题当用户向上或向下滚动时,他们总能看到标题 在这里找到了一个解决方案:它满足了我的需要。然而,在我的站点上实现后,表的宽度会根据窗口的尺寸而改变。这并不理想 关于这一点,我在这里发布了多个问题,但没有得出结论性的答案 主要是询问是否有人知道任何插件或做了类似的事情,为我指出了正确的方向 SlickGrid是一种高级JavaScript网格。 一些

我正在开发一个解决方案,向用户提供类似表格的数据,要求如下:

在固定尺寸内水平滚动。水平滚动时,第一列必须是粘性的,并跟随用户滚动

垂直滚动带有粘性标题当用户向上或向下滚动时,他们总能看到标题

在这里找到了一个解决方案:它满足了我的需要。然而,在我的站点上实现后,表的宽度会根据窗口的尺寸而改变。这并不理想

关于这一点,我在这里发布了多个问题,但没有得出结论性的答案

主要是询问是否有人知道任何插件或做了类似的事情,为我指出了正确的方向

SlickGrid是一种高级JavaScript网格。 一些亮点:

  • 自适应虚拟滚动(以极高的响应能力处理数十万行)

  • 列大小调整/重新排序/显示/隐藏

SlickGrid是一种高级JavaScript网格。 一些亮点:

  • 自适应虚拟滚动(以极高的响应能力处理数十万行)

  • 列大小调整/重新排序/显示/隐藏


为每列应用精确的宽度。我希望粘性标题和表格内容在单独的表格中。因此,必须分别指定标题和表内容的宽度。例如,粘性标题的第一个
和表格数据的第一个
应该具有相同的宽度。对所有列应用这样的宽度。

对每列应用精确的宽度。我希望粘性标题和表格内容在单独的表格中。因此,必须分别指定标题和表内容的宽度。例如,粘性标题的第一个
和表格数据的第一个
应该具有相同的宽度。对所有列应用这样的宽度。

在这里,我找到了我一直在寻找的解决方案/确切功能


在这里,我找到了我一直在寻找的解决方案/确切功能


表格的宽度需要为100%,因为客户端希望用户能够在显示更多列时水平滚动。根据你的建议,我将开发3个单独的表元素。1个表格用于粘贴标题,1个表格用于固定列,1个表格用于表体-是否正确?我假设使用这种方法,仅使用CSS就可以完全实现滚动?这也是我所追求的确切功能的另一个示例-可能会将其撕开并更改为需要表格的宽度需要为100%,因为客户端希望用户能够在显示更多列的情况下水平滚动。根据你的建议,我将开发3个单独的表元素。1个表格用于粘贴标题,1个表格用于固定列,1个表格用于表体-是否正确?我假设使用这种方法,只使用CSS就可以完全实现滚动?这也是我所追求的另一个确切功能的例子-可能会根据需要进行修改