tdに「…」を付ける

tdに「…」つかない…！という罠にはまりましたorz

css

td{
 width:300px;
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap;
}

普通のdivやliならこれだけで「…」つくのですが。
tableは厄介ですね。

tdや、display:table-cell;でコンテンツを横並びにしている場合、
親要素に「table-layout:fixed;」を指定します。

table{
 table-layout:fixed;
}