Ich versuche eine Tabelle in CSS anzulegen. Die Anforderungen lauten wie folgt: Die erste Spalte wird so weit wie möglich erweitert, und der Text in der ersten Spalte ist auf eine Textzeile beschränkt. Wenn mehr vorhanden ist, sollte ein Auslassungszeichen vorhanden sein. Die anderen Spalten belegen nur den Platz, den sie benötigen, um den darin enthaltenen Text ohne Zeilenumbruch aufzunehmen (Textumbruch: Nowrap).

Der Tisch selbst ist 100% breit.

Es ist mir gelungen, entweder eine erste Spalte mit fester Größe und Auslassungspunkten oder eine erste Spalte mit variabler Größe ohne Auslassungspunkte zu haben. Ich kann keinen Weg finden, Spalten mit variabler Größe und Auslassungspunkten zu haben. Ist es mit CSS erreichbar? Ich kann bei Bedarf CSS 3-Eigenschaften verwenden, möchte jedoch die Verwendung von JS vermeiden.

Markup:

<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;
}