javascript - 滚动时保持表格的行标题和列标题可见

标签 javascript html-table

我有一个大表,用户通常需要滚动页面才能查找数据。一旦标题不再可见,这使得跟踪列/行变得困难。我想在滚动时保持标题可见。

我已设法使第一行(列标题)保持可见 ( jsfiddle example ),但无法对第一列执行相同的操作。

PS:我不需要 iframe 解决方案(带有额外的滚动),但需要与我所拥有的类似的解决方案,但用于第一列。

编辑:我已经完成了:jsfiddle example

最佳答案

对于这个解决方案来说,使用 JS 似乎有点矫枉过正。使用表格可能会很麻烦,但是有一个名为 position:fixed 的 CSS 属性可以用于此目的。我制作了一个演示,在排列方面并不是 100% 完美,但它演示了如何将它用于您的应用程序。

演示: http://wecodesign.com/demos/stackoverflow-7433377.htm

关于javascript - 滚动时保持表格的行标题和列标题可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7433377/

相关文章:

css - 无法在 outlook 中设置单元格间距 - html 电子邮件

angularjs - 提高嵌套 ng-repeat + 指令的性能

javascript - 避免 iOS9 中 url 方案重定向的确认对话框

javascript - 如何获取 knockoutjs foreach 内控件的值

html - 为什么 Google 和 Twitter 使用表格布局?

html - 是否普遍支持 html 电子邮件模板中的 span 元素?

javascript - 在 Javascript 中等待异步函数调用的最有效方法是什么?

javascript - 如何处理其他目录中的 Angular 模块依赖关系?

javascript - 将字符串解码为 HTML 在 ui-grid Angularjs 中不起作用

javascript - 删除包含 html 形式行的复选框