javascript - 垂直和水平可滚动表格

标签 javascript jquery html css

我正在实现一个时间输入 Web 应用程序,并且 UI 有一个非常棘手的滚动要求。

请在此处查看示例:http://jsfiddle.net/yuipcheng/Ek5B2/

垂直滚动条位于最右侧。它滚动除页眉和页脚之外的所有表格行。

水平滚动条位于表格底部,从第 4 列到最后。它滚动除前 3 列之外的所有表格列。

前 3 列可能具有固定宽度(例如 150 像素)。 第 4 列到其余列也可以具有固定宽度,但必须小得多(例如 35 像素)。

所有表格行的高度都可以相同,我对 CSS 和 JavaScript 解决方案持开放态度。

最佳答案

将表格放在 div 中......类似的东西

<div style="width:XXXpx;height:XXXpx;overflow:auto;">

table goes here

</div>

overflow:auto 将在需要时创建滚动条。

关于javascript - 垂直和水平可滚动表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8434120/

相关文章:

javascript - 当我的 React 应用程序发布到网络上时出现问题

javascript - 如何在 HTML 中制作 anchor 标记下拉列表

javascript - 点击动画div

javascript - 如何从 JSON 中提取特定值到 map 上?

javascript - 在底部加载可滚动的 div

jquery - jQuery 和 ASP.NET MVC 3 真的跨浏览器吗?

html - Wordpress 将类添加到使用我的主题的菜单工作

javascript - 我需要我的 ReactJS 应用程序在没有服务器的情况下离线工作

html - 设置 HTML 页面和浏览器窗口的大小

javascript - 将纯文本从 React 应用程序共享到其他应用程序