Ответ 1
.table > tbody > tr:first-child > td {
border: none;
}
Как вы все знаете, когда вы используете Twitter Bootstrap для получения таблицы, вы получаете такой результат:
Можно ли удалить самую первую строку таблицы, одну над "Абосом Джироламо"? Благодаря
UPDATE: Вот код таблицы:
<table class="table table-no-border">
<tbody>
<tr>
<td>Abos Girolamo</td>
</tr>
<tr>
<td>Aboulker Isabelle</td>
</tr>
<tr>
<td>Adam Adolphe</td>
</tr>
</tbody>
</table>
.table > tbody > tr:first-child > td {
border: none;
}
Если вы хотите использовать jQuery:
$('#TableID tr:first-child').remove();
<html><body><table id='TableID'>
<tr>Abos Girolamo</tr>
<tr>Aboulker Isabelle</tr>
<tr>Adam Adolphe</tr>
</table></body></html>
В CSS вам понадобится что-то вроде:
.table > tbody > tr:first-child {
display: none;
}
Для тех, кто нашел этот вопрос через Google...
Загрузочные таблицы предполагают, что в вашей разметке вы будете использовать thead
, поэтому эта верхняя строка присутствует. Если у вас есть сочетание таблиц, которые содержат заголовок и не содержат заголовок, вы можете использовать следующий CSS для правильного их стиля.
/* Remove the top border when a table is missing the header */
.table > tbody > tr:first-child > td {
border: none;
}
/* Include the border when there a header */
.table > thead + tbody > tr:first-child > td {
border-top: 1px solid #ddd;
}