如何控制HTML表格列宽？

我正在处理一个显示数据表的HTML页面（使用

元素）。我现在将每列的CSS宽度设置为一个百分比，名称列为60%，因为它可以是最大的。下面是一个真实的屏幕截图：

我真正想做的是以某种方式将日期列“锚定”到名称列的右侧，在它和复制、下载和共享列之间创建一些漂亮的空白。这是一个修改过的截图：

但是，我不能只给DATE列一个很大的百分比，因为如果名称恰好较长，我希望它的大小减小。这是另一个修改过的截图。如果名称较长，则名称列的宽度应增加以适应，日期列的宽度应减小：

是否有某种方法可以通过CSS实现我想要的功能，而无需离开

元素？

尝试将“td”设置为：

（其中name列是添加到“td”元素的类）

你也可以尝试添加一些填充物来给它一些空间

tr td.name-column {
    width:1%;
    white-space:nowrap;
}