HTML表格中的垂直和水平滚动
乔蒙·安东尼（Jomon Antony）
我有一张如图所示的桌子。我需要添加垂直和水平滚动。垂直滚动时第一行应固定，其他所有行也应滚动。但是，在水平滚动时，左列应固定，而顶行将水平移动。换句话说，第一行将仅水平移动，而左列将仅垂直移动。我怎样才能解决这个问题？
乔蒙·安东尼（Jomon Antony）
我找到了解决方案。我们可以使用js插件。sortable_table.js，fixed_table_rc.js
$('#fixed_hdr2').fxdHdrCol({
fixedCols: 1,
width: "100%",
height: 500,
colModal: [
{ width: 50, align: 'left' },
{ width: 110, align: 'left' },
{ width: 170, align: 'left' },
{ width: 250, align: 'left' },
{ width: 100, align: 'left' },
{ width: 70, align: 'left' },
{ width: 100, align: 'left' },
{ width: 100, align: 'left' },
{ width: 90, align: 'left' },
{ width: 400, align: 'left' }
],
sort: true
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
垂直和水平滚动视图
- 2
HTML5 Canvas垂直和水平滚动
- 3
HTML表格：以td数据为中心。垂直和水平
- 4
通过HTML和CSS使表格自动垂直滚动
- 5
面板中的垂直和水平滚动条
- 6
Xamarin Forms（Android）中的垂直和水平滚动问题
- 7
Xamarin Forms（Android）中的垂直和水平滚动问题
- 8
在 ViewPager 中垂直滚动和水平分页
- 9
HTML表格，在列中，标题是水平的，行是垂直的
- 10
从鼠标滚轮捕获垂直和水平滚动
- 11
SwiftUI ScrollView垂直和水平滚动
- 12
在Tbody上使垂直和水平滚动
- 13
jQuery全页垂直和水平滚动
- 14
将表格居中垂直和水平对齐
- 15
HTML 表格响应式，水平到垂直
- 16
html 表格水平滚动启用特定列
- 17
固定表格标题只滚动水平和垂直CSS
- 18
水平和垂直滚动表格视图，包含来自json的数据
- 19
HTML和CSS：使用垂直滚动条水平拆分页面
- 20
HTML和CSS：使用垂直滚动条水平拆分页面
- 21
换行符和html / css中的水平滚动
- 22
在Ionic 2中水平滚动表格
- 23
在Ionic 2中水平滚动表格
- 24
在表格行中添加垂直滚动
- 25
PartialView中的水平表格HTML
- 26
以编程方式将垂直和水平滚动添加到Android中的LinearLayout
- 27
以编程方式将垂直和水平滚动添加到Android中的LinearLayout
- 28
HTML中的垂直表格标题
- 29
HTML中的垂直表格标题
我来说两句