Javascript 如果文本溢出或溢出，如何在列中添加水平滚动条'；你会被隐藏起来的

如果列的文本溢出，我想在列中添加一个水平滚动条。我不想增加列宽。我已经使用了nowrap文本，但还想在其中添加水平滚动条。如果文本没有溢出，则滚动条将被隐藏。这是我的密码。现在，此滚动条适用于整个列，而不是任何特定列。对于这种情况，我不得不使用JS，但我不确定如何正确使用它

HTML:

---

我希望这个“tHor”类有一个滚动条，如果代码中的文本增加，第一行的列将显示滚动条，但对于第二行的列，水平滚动条必须隐藏。

您不需要JavaScript来实现这一点。只需设置

max width

属性：

.tHor{
溢出-x：自动；
空白：nowrap；
最大宽度：200px；
}

电视连续剧
项目名称
客户名称
1.
栏目内容
姓名1姓名2
姓名1姓名2
姓名1姓名2
姓名1姓名2
3.
栏目内容
姓名1姓名2

<table class="table">
   <thead>
     <tr>
      <th>Serial</th>
      <th>Name of the Project</th>
       <th>Name of the Clients</th>
      </tr>
  </thead>
  <tbody>  
   <tr class="active">                                                                             
    <td>1</td>

    <td>Column content</td>

    <td class="tHor">

      Name 1 Name 2

      Name 1 Name 2

      Name 1 Name 2

      Name 1 Name 2

    </td>

  </tr>
  <tr>

   <td>3</td>

   <td>Column content</td>

   <td class="tHor"> Name 1 Name 2</td>
  </tr>

 </tbody>
</table>

.tHor{
   overflow-x: auto;
   white-space: nowrap;
}