Использование colspan для настройки ячейки на множество столбцов

Question

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

Работает с первым столбцом строки, но не с последующими столбцами.

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

Я не уверен, возможно ли это вообще или есть какой-то магический трюк, который нужно сделать, чтобы заставить его работать.

Буду признателен за любую помощь, и ниже приведен пример того, что я пытаюсь сделать.

       <table cellpadding="0px" cellspacing="0px">
           <tr>
               <td>
                   My first label column
               </td>
               <td>
                   My first column data
               </td>
               <td>
                   My second label column
               </td>
               <td>
                   My second column data
               </td>
           </tr>
           <tr>
               <td>
                   My second row first column label
               </td>
               <td colspan="3">
                   My second row second column long data................................
               </td>
           </tr>
       </table>

Answer 1

Никакой магии не требуется.Код в вашем примере работает как задумано.Вам необходимо опубликовать примеры ситуаций, когда вы думаете, что идея не работает (и описать, как она кажется неудачной).У них могут быть некоторые ошибки разметки или другие проблемы.В частности, каждая строка таблицы должна иметь одинаковое количество ячеек, когда ячейка с colspan = "n" считается как n ячеек.

Кроме того, технически "0px" не допускается в качестве значения пробелов или заполнения ячеек;вместо этого используйте просто «0».Но браузеры фактически интерпретируют «0px» как «0», поэтому на практике это не вызывает проблем.