Jquery 如何仅为表中的一个特定列保留水平滚动条？_Jquery_Css_Scrollbar_Datagridviewcolumn

Jquery 如何仅为表中的一个特定列保留水平滚动条？

jquery css

Jquery 如何仅为表中的一个特定列保留水平滚动条？,jquery,css,scrollbar,datagridviewcolumn,Jquery,Css,Scrollbar,Datagridviewcolumn,假设我有一个有三列的表，我只想为第三列保留水平滚动条。有可能吗？您可以使用overflow-x来实现这一点像这样：表格{ 边框：1px纯黑；表布局：固定；宽度：200px； } 运输署{ 边框：1px纯黑；溢出：隐藏；宽度：100px； } 运输署：第n名儿童（3） { 溢出-x：滚动； } aaaaaaaaaa bbbbbbbbbbbb 中交中交中交中交中交您可以使用overflow-x来实现这一点像这样：表格{ 边框：1px纯黑；表布局：固定；宽度：200px；

假设我有一个有三列的表，我只想为第三列保留水平滚动条。有可能吗？

您可以使用overflow-x来实现这一点

像这样：

表格{
边框：1px纯黑；
表布局：固定；
宽度：200px；
}
运输署{
边框：1px纯黑；
溢出：隐藏；
宽度：100px；
}
运输署：第n名儿童（3）
{
溢出-x：滚动；
}


aaaaaaaaaa
bbbbbbbbbbbb
中交中交中交中交中交

您可以使用overflow-x来实现这一点

像这样：

表格{
边框：1px纯黑；
表布局：固定；
宽度：200px；
}
运输署{
边框：1px纯黑；
溢出：隐藏；
宽度：100px；
}
运输署：第n名儿童（3）
{
溢出-x：滚动；
}


aaaaaaaaaa
bbbbbbbbbbbb
中交中交中交中交中交

是的，带有css位和BOB的组合

仅命名单元格滚动

<table class='a-table'>
<tr><th>One</th><th>Two</th><th>Three</th></tr>

<tr><td>One</td><td>Two</td><td class='different'>Three-million-one-hundred-and-sixty-eight sausages marched in unison</td></tr>

</table>

如果您只想在需要时显示滚动条，请使用

overflow:auto

而不是

scroll

值得注意的是，另一个答案使用了

溢出：隐藏

，如果您的任何其他单元格的内容超过了设置的宽度，则可能会出现不必要的行为，而本示例将按正常方式包装

小提琴：

带有滚动条的列中的每个单元格

<table class='a-table'>
<tr><th>One</th><th>Two</th><th>Three</th></tr>

<tr><td>One</td><td>Two</td><td class='different'>Three-million-one-hundred-and-sixty-eight sausages marched in unison</td></tr>

</table>

对于多行表，此解决方案还将对整个列强制执行以下行为：

CSS:

HTML:

现在，CSS出现了。实际上，我们将把静态列移到

之外，这意味着只有整个第三列实际位于div中

这意味着我们需要使div的左边的

边距

等于所有静态列的宽度之和，在本例中为100px，并对5px的边距进行一些调整，因此总共为110px。然后，我们将对每个静态列进行相同的调整：

.a-table td, th {
            border: 1px solid #ccc; 
            white-space: nowrap;
}
.tableinside { 
            width: 300px; 
            overflow-x:scroll;  
            margin-left:110px; 
}
.fixed {
         position:absolute; 
         width:50px; 
         left:10px;
         top:auto;
        }
.fixed:nth-child(2) {
          margin-left: 55px;
}

这一切都是这样的

当然，您必须对CSS进行一些整理，但这是让这个概念发挥作用的一种方式。

是的，使用CSS位和BOB的组合