title: How to build a complex table by using CSS?
body: <p>Recently i ran into a complex table implementation, for example:</p>
  
  <pre><code>tr1: | td1 | td2 | td3 |
  tr2: |  th  |   td   |
  tr3: |  th  |   td   |
  ...
  </code></pre>
  
  <p>As this example shows, i want td1 and td3 are width fixed, td and td2 are width auto to expand when screen-radio/browser-width changed. I'm wondering if there is a way to do this by using CSS?</p>
  
  <p>Just to be clear, i already used colspan and width value for my purpose, but how can i make td1 smaller than th by using colspan and width value? colspan doesn't work, neither width value</p>