2
我一直在搜索一段時間，還沒有找到類似的解決方案。我試圖創建一個網頁的表格，將具有以下特點：如何添加省略號到只有CSS的動態寬度的表格單元格？
- 表寬度= 100％總是（可查看所有列不需要滾動;表採用所有可用的寬度）
- 表單元格被壓縮（例如：除非必要，不使用額外的空間）
- 如果單元格太寬，則裁剪並使用省略號。
- 所有單元格都是1行高度
- 我不知道將顯示多少列（可能是〜40） - 我認爲這爲細胞排除
max-width？
一個解決方案，我看到in this question使用內<table />秒，但與建議小提琴演奏，你能告訴字段不板結（see here）。
編輯：我使用的是淘汰賽，所以我的表結構去如下（請注意，我不知道有多少列顯示）：
<table class="grid"> <thead> <tr data-bind="foreach: columns"> <th data-bind="text: name" /> </tr> </thead> <tbody data-bind="foreach: rows"> <tr data-bind="foreach: $data"> <td data-bind="text: $data" /> </tr> </tbody> </table
目前的CSS（即沒有按」將不起作用，所以，只要是受歡迎的）：
.grid tr td { white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
編輯2：Adding a Fiddle
想法？鏈接？ DUPS？
請發表您現有的表結構和CSS。 – bearfriend
「Dups？」這是你的工作，尋找現有的類似的答案，而不是我們的工作，以標記你的重複。 – zsaat14
謝謝。我很清楚。只是找不到類似的東西。 – GilNahmias