css 第一列带有水平滚动条的HTML表格

yebdmbv4 于 2022-11-19 发布在其他

关注(0)|答案(1)|浏览(127)

我正在处理一个HTML表，您可以在其中插入每种颜色的特定大小的所需数量。我创建了以下JSFiddle，您可以在其中看到当前情况：https://jsfiddle.net/xv02b5c7/43/。
当您调整屏幕大小直到列不再适合时，表格就变成了可水平滚动的。price和total列始终显示在右侧（不需要向右滚动）并且只有具有数量输入字段的第一列变为可滚动。这意味着某些颜色名称及其输入在您向右滚动之前是不可见的。
这可能吗？我不想让每个表格行的第一列单独滚动，这将很容易通过在每个表格行的第一列上设置最大宽度来实现。

css

来源：https://stackoverflow.com/questions/74436157/html-table-with-horizontal-scrollbar-on-first-column

1条答案

按热度按时间

htrmnn0y1#

好的我知道了
解决方法是将其分成两个单独的表和单独的div

<div id="left-side">
  <table>
    <!-- The Quantity section separated -->
  </table>
</div>
<div id="right-side">
  <table>
    <!-- The Size+Price+Total section separated -->
  </table>
</div>

沿着一些css。现在不打算在这里发布css，可能会在以后编辑。
小提琴：https://jsfiddle.net/evj0mbdt/5/

赞(0）回复(0）举报 2022-11-19

我来回答

css 第一列带有水平滚动条的HTML表格

1条答案

相关问题

热门标签

最新问答