2015-09-16 1 views
0

В моей таблице TH всегда такая же длина, как TD. В чем причина? Я не понимаю. Все, что я хочу, TH, что бы иметь ширину всей таблицы и Wouldnt изменить «ник» TH ширинаНезависимая таблица th row

.someTable{ 
 
    margin-top:40px; 
 
    margin-left:250px; 
 
    border:1px solid black; 
 
} 
 
td{ 
 
    min-width:100px; 
 
}
<table class='someTable'> 
 
    <tr> 
 
     <th>table title:</th> 
 
    </tr> 
 
    <tr> 
 
     <td>Nick</td> 
 
     <td>Name</td> 
 
     <td>Surname</td> 
 
    </tr> 
 
</table>

ответ

2

Colspan помогает вам

<th colspan="3">table title:</th> 

Он оборачивает количество ячеек, которые вы определить.

+0

Огромное вам спасибо! Не могу я дать 2x «принять ответ»? – hiamprolish

+0

Нет, вы не можете. Вы должны выбрать, что лучше. Аарон сделать сниппет, но я думаю, что я первый :) Не важно, я не завидую;) –

+0

У него больше плюсов, поэтому вы получите правильный ответ: D – hiamprolish

3

Вам нужно будет использовать Colspan, чтобы охватить 3 колонки.

Таблица всегда будет содержать то же количество <td> в каждом <tr>, создавая столбцы и строки.

Если вы хотите охватить больше ячеек таблицы (например, для расширения ячейки таблицы для использования двух ячеек), вы должны использовать colspan="XX", а XX - количество столбцов, которые вы хотели бы расширить.

Если вы хотите путешествовать по вертикали по строкам таблицы, то вы бы использовать rowspan="XX"

<table class='someTable'> 
 
    <tr> 
 
     <th colspan="3">table title:</th> 
 
    </tr> 
 
    <tr> 
 
     <td>Nick</td> 
 
     <td>Name</td> 
 
     <td>Surname</td> 
 
    </tr> 
 
</table>

+0

большое спасибо! – hiamprolish

+0

приветствую @hiamprolish Если бы вы любезно отметили мой ответ как правильный, щелкнув галочкой следующий мой ответ :) – Aaron