Html 调整表上的最后一列以适应内容，但不调整第一列

我有一个可拖动/可调整大小的小部件，里面有一个HTML表。此表包含2（可能3）列。第一个是客户机名称列表。第二个是客户机类型列表。第三个（可选）是组首字母列表。信息的字体大小也是可配置的，因此可以更大或更小

我想在这张桌子上展示（最好的方式）一些信息。我正在尝试几种配置。最后一点是：

table {
  table-layout:fixed;
}

table td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

简短的HTML代码是：

<table>
  <tbody>
    <tr>
      <td style="width:70%">1. DEPUTADA CRISTINA SILVESTRI</td>
      <td stype="width:20%">Não Informou</td>
      <td style="width:10%">PPS</td>
    </tr>
    <tr>
      <td style="width:70%">2. DEPUTADO ANDRE BUENO</td>
      <td stype="width:20%">Contra</td>
      <td style="width:10%">PDT</td>
    </tr>
    ...
  </tbody>
</table>

1.克里斯蒂娜·西尔维斯特里代表团
Não Informou
PPS
2.安德烈·布埃诺副部长
对立面
PDT
...

如果我像上面那样尝试，第一列最后会有一个空格，第二列和第三列会剪切信息（带省略号）（请参见第一幅名为error.png的图片）。我希望得到与第二幅图像类似的结果（称为ok.png）。但是如果我有一个大名（第一列），我希望它用省略号剪切70%，这样最后两列就可以显示出来（见最后一张图片，称为ok2.png）。最后，如果我有一个小表格，我希望所有信息都用省略号显示，而不仅仅是第一列。我该怎么做

图片：

---

IMOE，当我有复杂的表格场景时，我会在每个单元格中放置标签。利用Div的优势，Div几乎可以满足所有需求：

  <tr><td class='column_a'><div>...</div></td><td class='column_b'><div>...</div></td></tr>

。。。。。。

---

您好，

您需要设置最大宽度

td
{
最大宽度：100px；
溢出：隐藏；
文本溢出：省略号；
空白：nowrap；
边框：1px纯红；
}

1.克里斯蒂娜·西尔维斯特里代表团
Não Informou
PPS
2.安德烈·布埃诺副部长
对立面
PDT

它没有按预期工作。它应该是填补空白，以优化它。查看找到解决方案的图像结果（rmehlinger答案）