Próbuję układać tabelę w CSS. Wymagania są następujące: pierwsza kolumna rozszerza się tak bardzo, jak to możliwe, a tekst w pierwszej kolumnie jest ograniczony do jednego wiersza tekstu, jeśli więcej, powinna być elipsa. Pozostałe kolumny zajmują tylko miejsce, które muszą zawierać w nich tekst bez zawijania (zawijanie tekstu: nowrap).

Sam stół ma 100% szerokości.

Udało mi się mieć pierwszą kolumnę o stałym rozmiarze z wielokropkiem lub pierwszą kolumnę o zmiennej wielkości bez wielokropka, nie mogę znaleźć sposobu na kolumny o zmiennej wielkości z wielokropkiem. Czy jest to możliwe dzięki CSS? W razie potrzeby mogę używać właściwości CSS 3, ale chciałbym uniknąć użycia JS.

Narzut:

<table class="table">
<tr>
  <th>First</th>
  <th class="no-wrap">Second</th>
</tr>
<tr>
  <td class="expand-column">
    Some long long text here
  </td>
  <td class="no-wrap">
    Other text
  </td>    
</tr>
</table>

CSS:

.table, .expand-column {
  width: 100%;
}

.no-wrap {
  white-space: nowrap;
}