table 的td 自适应事项

media的html结构，如果用display：table-cell实现，

table {
width: 100%;
border-collapse: collapse;
border: $bor;
td {
border: $bor;
text-indent: 10px;
&:nth-child(1) {
width: 1%;
padding-right: 10px;
}
&:nth-child(2) {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
}
}


出现下面情况：

单行省略并未实现不了。

解决方案： 在table节点上css属性中加上 table-layout:fixed， 也不能在用width：1%让表格width自适应，否者会变形，如图：

所以要去掉width:1%, 效果如图：

但是这样做width并不自适应。