HTML - Можно ли исправить ширину таблицы?

Question

Возможно ли создать таблицу с разрешением 4 столбца с 1 строкой с шириной 100 пикселей, а затем на ячейки ниже с размером 200 пикселей без необходимости создавать новую таблицу?

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

Вот пример ..

<table border="1" width="100%"> 
<tr> 
<td width="100px">1</td> 
<td width="100px">2</td> 
<td width="100px">3</td> 
<td width="100px">4</td> 
</tr> 
<tr> 
<td width="200px">5</td> 
<td width="200px">6</td> 
</tr> 
</table> 

Answer 1

JsFiddle demo

вам вынашивал нужно использовать colspan, поэтому код будет ниже это будет делать работу, которую вы хотите

<table border="1" width="100%"> 
<tr> 
<td width="100px">1</td> 
<td width="100px">2</td> 
<td width="100px">3</td> 
<td width="100px">4</td> 
</tr> 
<tr> 
<td colspan="2">5</td> 
<td colspan="2">6</td> 
</tr> 
</table> 

<td colspan="number"> -number Указывает количество столбцов, которые должна охватывать ячейка. Примечание: colspan = "0" сообщает браузеру о переходе ячейки в последний столбец группы столбцов (colgroup)

Answer 2

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

<td colspan="2"></td> 
<td colspan="2"></td> 

Это должно иметь как объяснить эти клетки на 2 клетки ширину, без необходимости переопределить их ширины.

MDN TD - Attribute Colspan