Я также искал способ разделить TD (Cell Data Cell). Прочитав много сообщений и после нескольких неудачных попыток, я, наконец, взломал его. Огромное спасибо всем, кто выложил ранее, так же как и ваш кредит, что я смог подключить точки.
Существует две вещи, которые необходимо иметь в виду, влияющие на строку заголовка и итоговую строку данных. Я имею в виду, что ячейки в верхней строке [Affecting Header Row], которые используют «colspan», непосредственно влияют на ячейки в строке под ними [Resulting Data Row]. Например, если моя результирующая строка (2-я строка) должна содержать разделенные TD, то на нее влияет строка, которая использует «colspan» в своих TDs (1st Row). Но если следующая строка (3-я строка) не должна быть затронута «colspan» из 1-го ряда, ячейки в следующей строке (3-я строка) должны иметь те же атрибуты «colspan», что и ячейки в 1-й строке, это предотвращает их от раздробления и заставляет их «пробегать» регулярный промежуток.
На изображении [щелкните ссылку, чтобы увидеть изображение], у меня есть только 2 столбца [2-я и 4-я колонки], которые разбивают TDs под ними. В 1-й строке я использую «colspan», чтобы повлиять на строки ниже. Тем не менее, я не хочу разделять 2-й и 3-й строки, поэтому они имеют одинаковые «колпаны» в качестве первой строки. Я хочу разделить ячейки в 4-й и 5-й строках [во 2-м и 4-м столбцах, конечно,], поэтому для этого они не содержат атрибутов «colspan», что делает их затронутыми строками над ними, которые используют ' Объединение столбцов. 6-я строка не затрагивается «colspans» из предыдущих строк, потому что она содержит те же атрибуты «colspan», что и первые 3 строки. 7-я и последняя строка содержит разделенные TD, потому что они, как и строки 4 и 5, не содержат «colspans».Это может показаться запутанным, но если вы посмотрите на изображение и попробуете исходный код, я думаю, вы будете очень довольны. Надеюсь, это поможет.
https://www.flickr.com/photos/[email protected]/sets/72157651047314439/
<table border="1px solid" cellspacing="5" bordercolor="#000000" width="959" cellpadding="5">
<tr align="justify" valign="top">
<td valign="middle" bgcolor="#FFFFFF" width="210"><h4 style="color:#000000" align="center">Nothing Special Here</h4></td>
<td colspan="2" valign="middle" bgcolor="#6E7F8B"><h4 style="color:#FFFFFF" align="center">Colspan="2"</h4></td>
<td valign="middle" bgcolor="#6E7F8B" width="191"><h4 style="color:#FFFFFF" align="center">No Colspan Here</h4></td>
<td colspan="2" valign="middle" bgcolor="#6E7F8B"><h4 style="color:#FFFFFF" align="center">Colspan="2"</h4></td>
</tr>
<tr class="gray1" valign="top" align="justify">
<td valign="middle"><p align="justify">Nothing Special Here</p></td>
<td colspan="2" valign="middle"><p align="center">Colspan="2"</p></td>
<td width="191" valign="middle"><p align="center">No Colspan Here</p></td>
<td colspan="2" valign="middle"><p align="center">Colspan="2"</p></td>
</tr>
<tr class="gray1" valign="top" align="justify">
<td valign="middle"><p align="justify">Nothing Special Here</p></td>
<td colspan="2" valign="middle"><p align="center">Colspan="2"</p></td>
<td width="191" valign="middle"><p align="center">No Colspan Here</p></td>
<td colspan="2" valign="middle"><p align="center">Colspan="2"</p></td>
</tr>
<tr class="gray1" valign="top" align="justify">
<td valign="middle"><p align="justify">Nothing Special Here</p></td>
<td width="129" valign="middle"><p align="center">Nothing Special</p></td>
<td width="120" valign="middle"><p align="center">Nothing Special</p></td>
<td width="191" valign="middle"><p align="center">Nothing Special</p></td>
<td width="99" valign="middle"><p align="center">Nothing Special</p></td>
<td width="101" valign="middle"><p align="center">Nothing Special</p></td>
</tr>
<tr class="gray1" valign="top" align="justify">
<td valign="middle"><p align="justify">Nothing Special Here</p></td>
<td valign="middle"><p align="center">Nothing Special</p></td>
<td valign="middle"><p align="center">Nothing Special</p></td>
<td valign="middle"><p align="center">Nothing Special</p></td>
<td valign="middle"><p align="center">Nothing Special</p></td>
<td width="101" valign="middle"><p align="center">Nothing Special</p></td>
</tr>
<tr class="gray1" valign="top" align="justify">
<td valign="middle"><p align="justify">Nothing Special Here</p></td>
<td colspan="2" valign="middle"><p align="center">Colspan="2"</p></td>
<td valign="middle"><p align="center">No Colspan Here</p></td>
<td colspan="2" valign="middle"><p align="center">Colspan="2"</p></td>
</tr>
<tr class="gray1" valign="top" align="justify">
<td valign="middle"><p align="justify">Nothing Special Here</p></td>
<td valign="middle"><p align="center">Nothing Special</p></td>
<td valign="middle"><p align="center">Nothing Special</p></td>
<td valign="middle"><p align="center">Nothing Special</p></td>
<td valign="middle"><p align="center">Nothing Special</p></td>
<td valign="middle"><p align="center">Nothing Special</p></td>
</tr>
</table>
И фактически разделив ТДС не вариант? Тогда «3» сверху может быть в td с 'colspan =" 2 "'. –
Вы имеете в виду, используя colspan и/или rowspan? Если это так, тогда нет, это не вариант. Хотя я мог бы поместить все, что захочу внутри ячеек (без изменения количества столбцов/строк) –