How do I make an HTML table column squish as tightly as possible? (Or, grow as much as possible?)

Question

I've got a table like this:

<table border=1 style="width: 100%">
 <tbody>
    <tr>
      <td>
        squish this one
      </td>
      <td>
        expand this one
      </td>
    </tr>
  </tbody>
</table>

I'd like the left column to be as narrow as possible, and the right column to take up the rest of the screen. Is this possible?

Answer 1

Give the second column style="width:100%" as well.

Answer 2

"as narrow as possible" is zero width or one pixel. You can achieve that with width=0 or 1px. Do you mean something different?

Answer 3

<table border=1 style="width: 100%">
<tbody>
    <tr>
      <td width="1">
        squish this one
      </td>
      <td width="*">
        expand this one
      </td>
    </tr>
  </tbody>
</table>