Я пытаюсь макет таблицы в CSS. Требования заключаются в следующем: первый столбец расширяется настолько, насколько это возможно, а текст в первом столбце ограничен одной строкой текста, если больше, то должен быть многоточие. Другие столбцы занимают только пространство, необходимое для размещения текста в них без переноса (text-wrap: nowrap).

Сам стол имеет ширину 100%.

Мне удалось получить либо первый столбец фиксированного размера с многоточием, либо первый столбец переменного размера без многоточия, я не могу найти способ иметь столбцы переменного размера с многоточием. Это достижимо с помощью CSS? Я могу использовать свойства CSS 3, если это необходимо, но я бы хотел избежать использования JS.

Разметка:

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