此刻在泡菜中。我为我的客户建立了一个预订系统,很快就没有机会响应。上周很快就来了。我以为我以一种准备响应的方式构建了我的代码。我想在移动/表格中实现的是让左侧和右侧的列保持固定,并使其间的所有列滚动/滑动。 我有一个dev链接,你可以查看:
您可以从示例中看到,左侧列是有关预订的信息,右侧是“继续”按钮。这些是必须保持固定的列。有没有办法用CSS实现这个?我有很多javascript代码正在运行,我想在诉诸它之前探索所有选项。
非常感谢任何帮助。
修改 到目前为止,我已使用
为第一列和最后一列添加了设置宽度td:first-child
td:last-child{
width:120px;
}
这是一个很好的开始。但是第一个和最后一个之间的列在响应中变得柔和,这不是良好的可用性/可读性。我想实现某种水平溢出,以允许用户在移动设备/平板电脑上滚动/滑动
答案 0 :(得分:0)
将第一列和最后一列添加到具有固定宽度的类中 或最小宽度(如果它可以更大但不小于指定值)