使html表格中的第一列固定,下一列可滚动
我有一个只有两列的表。我想让第一列是固定的,下一列可以在所有行中滚动..它应该作为一个整体水平滚动。。不是单个列 可能有数百行 我有一个演示代码在这里 我对css样式没有太多接触。你可以使用css使html表格中的第一列固定,下一列可滚动,html,css,Html,Css,我有一个只有两列的表。我想让第一列是固定的,下一列可以在所有行中滚动..它应该作为一个整体水平滚动。。不是单个列 可能有数百行 我有一个演示代码在这里 我对css样式没有太多接触。你可以使用cssoverflow:auto,如中所示 如果我理解正确,您希望整个左栏是静态的,而整个右栏(包括标题)是水平滚动的。对吗 如果是这样,一张桌子是不可能的。但是,有了一些额外的代码,就可以使用如下两个表:您可以这样做: 您正在搜索的内容称为“冻结列” 请参阅版本4.3中实现列冻结的jqGrid。这是一
overflow:auto代码>,如中所示
如果我理解正确,您希望整个左栏是静态的,而整个右栏(包括标题)是水平滚动的。对吗
如果是这样,一张桌子是不可能的。但是,有了一些额外的代码,就可以使用如下两个表:您可以这样做:
您正在搜索的内容称为“冻结列”
请参阅版本4.3中实现列冻结的jqGrid。这是一个非常通用的网格插件,绝对值得一试(如果您还没有尝试过的话)。我想您应该做一些类似于此示例的事情
最好使用一个表和固定的两列,另一列可以滚动
这里是
整个列应该是可滚动的。。不仅第一列可以水平或垂直滚动?在每一行中,第二列应该可以水平滚动。不仅在第一排。它作为一个整体应该是可滚动的。。不是单个列
th{
display :inline-block;
height: 50px;
width: 100px;
overflow: scroll;
}
th:first-child{
overflow: hidden;
}