Как я могу сделать такую ​​таблицу в HTML?

Question

__________________________________________ 
|________________________________________| << cell uses 100% of the row space 
|____________________|___________________| << each cell there use 50% of the row 

Как это сделать с помощью HTML?

Answer 1

http://jsfiddle.net/m2mbs/

использование этого для строк

rowspan="x" 

и это для колонн

colspan="x" 

с й означают требуемый диапазон ячеек.

Answer 2

Используйте colspan, чтобы охватить один столбец над ними:

<table> 
    <tr> 
     <td colspan="2">100%</td> 
    </tr> 
    <tr> 
     <td class="half">50%</td> 
     <td class="half">50%</td> 
    </tr> 
</table> 

и установить ширину с помощью CSS:

.half { 
    width: 50%; 
} 

DEMO

Answer 3

Вот как это делается. (Граница = 1 была добавлена ​​для повышения четкости на выходе)

<table border=1> 
<tr> 
    <td colspan='2'>row1</td> 
</tr> 
<tr> 
    <td>row2</td><td>row2</td> 
</tr> 
</table> 

Answer 4

1-Загрузить инструкцию sorttable.js

2-Включите sorttable.js, поставив ссылку на него в голове Ваша страница, как так:

3-Марк вашего стол как сортируемые один, давая ему класс «сортировки»:

<table class="sortable">