table添加水平滚动条

Posted harold-hua

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了table添加水平滚动条相关的知识,希望对你有一定的参考价值。

<html>
 <head>
  <title>table新增水平滚动条</title>
        <style type="text/css">
          .tableWrap {
            overflow: auto;
          }
          table{
            width: 100%
          }
          table th{
            white-space: nowrap;
          }
          table td{
            white-space: nowrap;
          }
    </style>
    </head>
    <body>
    <div class="tableWrap">
        <table>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
        </table>
    </div>
    </body>
</html>

 

以上是关于table添加水平滚动条的主要内容,如果未能解决你的问题,请参考以下文章

如何添加水平滚动条以访问 Material-UI 表中的溢出列

如何让bootstrap表格自动出现水平滚动条

java中JScrollPane不显示水平滚动条的解决办法

DuiLib怎样控制list不出现水平滚动条

CSS 如何添加水平滚动条

为啥div+table+xm-select下拉框实现table滚动条,表里的下拉框被滚动条遮挡?