html - 表格单元格太宽

Question

请看http://jsfiddle.net/mawg/pL9kd/或者将下面的代码粘贴到您最喜欢的 HTML 编辑器中...

看右边的天哪!第 4 项包含一个*嵌套*数组。 (如何)让嵌套数组 (xyz) 成为 2 列宽，即使它的内容不需要那么多空间？

<table border="1" cellpsacing="0" cellpadding="0" style="">
  <tr><th style="border-width:1" colspan="3">This is an array</th></tr>

    <td colspan="2">
      <table border="1">
        <tr><td colspan="3">Array</td></tr>
        <tr>
          <td>item 1</td>
          <td>string ( 3 chars)</td>
          <td>abc</td>
        </tr>

        <tr>
          <td>0</td>
          <td>string ( 25 chars)</td>
          <td>item 2 is indexed by zer0</td>
        </tr>

        <tr>
          <td>this equals seven</td>
          <td>integer</td>
          <td>7</td>
        </tr>

        <tr>
          <td>item 4 is a nested array</td>

          <td colspan="2">
            <table border="1">
              <tr><td colspan="3">Array</td></tr>
              <tr>
                <td>0</td>
                <td>string ( 24 chars)</td>
                <td>item 4, offest 0's value</td>

              </tr>

              <tr>
                <td>OMG! Item 4 contains a *nested* array F5</td>
                <td colspan="2">
                  <table border="1">
                    <tr><td colspan="3">Array</td></tr>
                    <tr>

                      <td>xyz</td>
                      <td>string ( 7 chars)</td>
                      <td>xyz val</td>
                    </tr>

                  </table>
                </td>
              </tr>

              <tr>
                <td>item 4, offest 2 is True</td>
                <td>boolean</td>
                <td>True</td>
              </tr>

            </table>

          </td>
        </tr>

        <tr>
          <td>final item</td>
          <td colspan="2">NULL</td>
        </tr>

      </table>

    </td>
</table>

Answer 1

你是说这样吗？ http://jsfiddle.net/pL9kd/8/

(宽度 = 100%)