jquery - Change height of header in table bootstrap -


i have bootstrap table :

<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> 

i want change height of thead ,th : "15px" .

with default font-size table head bigger 15px. have reduce font-size (and padding) desired height.

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>


Comments

Popular posts from this blog

amazon web services - S3 Pre-signed POST validate file type? -

c# - Check Keyboard Input Winforms -