如何仅对数据表中的一列禁用溢出隐藏功能

Question

我在我的应用程序中使用datatable插件。使用以下自定义CSS，我为数据表中的所有列隐藏了文本溢出。

.init
body { font-size: 140% }     
table.dataTable th,
table.dataTable td 
{
    max-width:120px;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;  
    text-overflow: ellipsis;
}

现在，当我尝试在每一行上实现一个下拉按钮时，由于此自定义样式，下拉部分也会被隐藏。 我用于下拉按钮的代码是：

<td>
<div class="btn-group" >
  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
    Action <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li><a href="#">Delete</a></li>
    <li><a href="#">Versions</a></li>
  </ul>
</div>                                          
</td>

有没有办法可以只为我实现下拉按钮的列禁用overflow-hidden属性.....