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并不自适应。