Изменение высоты заголовка в таблице начальной загрузки

Question

У меня есть загрузочный стол:

<table class="table-bordered table-condensed table-hover"> 
<thead> 
    <tr> 
    <th>Id</th> 
    <th>ProductName</th> 
    <th>Price</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
    <td>1</td> 
    <td>bicycle</td> 
    <td>5000</td> 
    </tr> 
</tbody> 
</table> 

Я хочу изменить высоту THEAD, й: «15px».

Answer 1

С умолчанию размера шрифта на главный стол всегда будет больше, чем 15px. Вы должны уменьшить размер шрифта (и отступы), чтобы получить желаемую высоту.

thead th { 
 
    font-size: 0.6em; 
 
    padding: 1px !important; 
 
    height: 15px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<table class="table-bordered table-condensed table-hover"> 
 
<thead> 
 
    <tr> 
 
    <th>Id</th> 
 
    <th>ProductName</th> 
 
    <th>Price</th> 
 
    </tr> 
 
</thead> 
 
<tbody> 
 
    <tr> 
 
    <td>1</td> 
 
    <td>bicycle</td> 
 
    <td>5000</td> 
 
    </tr> 
 
</tbody> 
 
</table>

Answer 2

в вашем html-файле, где у вас есть ссылка cdn bootstrap или путь к локальному каталогу, после того, как ссылка boostrap добавит путь к вам css-файлу. Всегда добавляйте ссылку на файл css после ссылки bootsrap, чтобы она перезаписывала любой из загрузочных css.

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
<link rel="stylesheet" type="text/css" href="yourpathname.css"> 

затем перейдите в свой файл css и добавьте: вам нужно будет добавить что-то большее 15 пикселей.

th { 
     height: 50px; 
    } 

Answer 3

Попробуйте CSS

table th, table thread { 
    height: 80px; 
} 

Answer 4

Существует два способа

Css файл или <style></style>

<style> 
    thead th{ 
     Height: 15px; 
    } 
</style> 


<thead> 
    <th style="height: 15px"></th> 
<thead> 

Answer 5

Вы должны перезаписать CSS от начальной загрузки, так что добавить класс к столу класс = например «мой стол».

.my-table thead th { 
    padding: 10px 0 5px 0 !important; 
    } 

Я просто выбирая номера, но вам нужно будет сделать это равным путем изменения числа я добавил.

Главное, чтобы добавить важный текст после css. Это перезапишет bootstrap css. Также обратите внимание. при написании css: padding: 10px 0 5px 0, первое число - padding-top, второе число padding-right, третье число - padding-bottom, а четвертое - padding-left.