Слишком широкая ячейка стола

Question

Пожалуйста, посмотрите на http://jsfiddle.net/mawg/pL9kd/ или вставьте приведенный ниже код в ваш любимый HTML-редактор ...

Посмотрите справа от OMG! Item 4 contains a *nested* array.(Как) я могу получить этот вложенный массив (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%)

Answer 2

Из того, что я смог найти, нет ничего похожего на то, что вы просите (или, по крайней мере, на мою интерпретацию этого). Не могли бы вы просто создать ширину столбца, равную двум общим столбцам?

Так что-то вроде

<td width="40">xyz</td>

Я могу быть далеко, но это только мое предположение. Просто любопытно, какова реализация этого? Я уверен, что вы знаете, что списки CSS и другие элементы CSS более эффективны при стилизации, верно?

Answer 3

Отметьте это вы можете использовать ширину, чтобы установить ширину = '66% ', которая работает, так как вы знаете, что есть 3 столбца, а 2/3 составляет 66%.Также установите для содержащей таблицы ширину = '100%', так как вам понадобится все возможное пространство.