创建一个左右列固定的HTML表
Create an HTML table with fixed left and right column
目前处于困境。我为我的一个客户建立了一个预订系统,没有机会很快做出响应。上个星期很快就到了。我认为我构建代码的方式是可以响应的。我想在移动/表格中实现的是让最左边和最右边的列保持固定,并让中间的所有列滚动/滑动。我有一个开发链接,你可以查看:
示例
你可以从这个例子中看到,最左边的一列是关于预订的信息,最右边是继续按钮。这些柱子必须保持固定。有没有办法只使用CSS来实现这一点?我有很多javascript代码按原样运行,我想在使用它之前探索所有选项
如有任何帮助,我们将不胜感激。
编辑到目前为止,我已经使用为第一列和最后一列添加了一个设置宽度
td:first-child
td:last-child{
width:120px;
}
这是一个很好的开始。但是位于第一个和最后一个之间的列在响应方面变得笨拙,这不是很好的可用性/可读性。我想实现某种水平溢出,允许用户在手机/平板电脑上滚动/滑动
在第一列和最后一列添加一个固定宽度的类或最小宽度(如果可以大于但不小于指定值)
相关文章:
- 可以't让我的if语句处理js中的html表单输入
- 如何设置html元素填充的动画
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- 如何编写HTML输入的JS内联
- Dojo不解析自定义小部件的模板html中的小部件声明性
- 使用javascript将动态表从一个html页面打印到另一个html页
- 通过javascript重定向html传递php变量
- 如何使Javascript动态html表及其上的事件
- 在chrome.tabs.onCreated之后加载HTML页面
- 如何在vs2002中调试html页面
- 如何使用javascript或html下载PDF格式的填写表单
- 视频HTML没有'无法在Internet Explorer 11上工作
- HTML表单提交时未执行外部函数
- 如何将输入(type=text)从html表单传递到javascript函数
- 使用angular重定向到html页面
- 分析高度属性时出现意外值{{specs.height}}.index.html
- 在html Select中添加搜索
- Javascript 无法访问 HTML(左右移动对象)
- 创建一个左右列固定的HTML表