Estoy tratando de diseñar una tabla en CSS. Los requisitos son los siguientes: la primera columna se expande tanto como puede, y el texto en la primera columna se limita a una línea de texto, si es más, debería haber una elipsis. Las otras columnas solo ocupan el espacio que necesitan para contener el texto sin envolverse (text-wrap: nowrap).

La tabla en sí es 100% de ancho.

Logré tener una primera columna de tamaño fijo con puntos suspensivos, o una primera columna de tamaño variable sin puntos suspensivos, no puedo encontrar una manera de tener columnas de tamaño variable con puntos suspensivos. ¿Se puede lograr con CSS? Puedo usar las propiedades de CSS 3 si es necesario, pero me gustaría evitar el uso de JS.

Margen:

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