【问题标题】:I want HTML Table Cell to be selected and on the screen visible我希望选择 HTML 表格单元格并在屏幕上可见
【发布时间】:2020-12-09 10:30:33
【问题描述】:

我有一个包含大约 12 个单元格的 HTML 表格。但在移动屏幕上,目前只有 4 个可见,您必须水平滚动才能查看单元格的其余部分。 每个单元格是指向不同页面的链接,并且每个页面都有相同的表格。 我希望每当我们单击任何单元格时,当我们移动到其链接页面时,该单元格应该变为活动/选中,并且即使它位于最右侧,也可以在屏幕上可见。

【问题讨论】:

    标签: javascript html jquery css html-table


    【解决方案1】:

    对于移动设备,我会考虑将显示块应用于所有表格、行和单元格。这样,它又长又垂直,但易于浏览。加上滚动是垂直的,这要容易得多。

    对于您的链接,这更多的是服务器端问题:您应该在您的 url (mypage.php?cell=r2c4) 中传递与单击的单元格(比如说 r2c4)相对应的参数,并将样式应用于相应的单元格在您的显示页面上,使用一个简单的类,例如 .activeCell。

    【讨论】:

    • 样式工作完美,但如果单元格在最右边,那么只有在我们水平滚动它时才可见,我希望它自动滚动到该单元格。我也只想要水平表。
    • 如果你使用垂直滚动,你只需要在单元格上放一个id,并使用它的锚点。
    【解决方案2】:

    所以我找到了答案 我们可以简单地为我们想要在屏幕上显示的单元格提供一些 id,并在链接上传递我们想要保持活动并在屏幕上可见的那个单元格的 id。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-08-09
      • 1970-01-01
      • 2012-09-24
      • 1970-01-01
      • 2021-03-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多