Eu estou tentando layout de uma tabela em CSS. Os requisitos são os seguintes: a primeira coluna se expande o máximo possível, e o texto na primeira coluna é limitado a uma linha de texto, se mais, deve haver reticências. As outras colunas ocupam apenas o espaço necessário para conter o texto nelas sem envolvimento (text-wrap: nowrap).

A tabela em si é de 100% de largura.

Eu consegui ter uma primeira coluna de tamanho fixo com reticências, ou uma primeira coluna de tamanho variável sem reticências, não consigo encontrar uma maneira de ter colunas de tamanho variável com reticências. É possível com CSS? Posso usar as propriedades do CSS 3, se necessário, mas gostaria de evitar o uso de JS.

Marcação:

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