Question

我希望能够滚动td元素（表侧列除外）作为小于x大小的屏幕尺寸。为了更清楚，请查看：http://jsfiddle.net/uf32ojm5/7/

如何仅滚动注释字段并将“分组”列固定..

要修复“群组”列，我已完成此操作：

@media only screen and (max-width: 590px) {
  .groupColm{
    position:fixed;
    min-width:100px;
    z-index:1;
  }
}

但是如何仅滚动评论字段？

提前谢谢！

Answer 1

我认为您必须将注释字段放在td内部的一个内部表中，并且只需启用当前包含内部表的td内容所需的大小。

希望我的回答有所帮助。

Answer 2

我解决了它：）

div table { display: block; position: relative; width: 100%; }
div tbody { display: block; width:auto; position: relative; overflow-x: auto; white-   
space: nowrap; }
div thead tr { display: block; }
div th { display: block; text-align:left; padding-left:10px; height:50px; line-
height:40px;}
div tbody tr { display: inline-block; vertical-align: top; }
div td {display: block; text-align: left; }

直播：http://jsfiddle.net/uf32ojm5/12/

如何更改html表元素的溢出？

2 个答案: