On bootstrap-e works. Fixes the table header. Now I can not make fixed the first column, numbering.

table { width: 100%; } thead, tbody, tr, td, th { display: block; } tr:after { content: ' '; display: block; visibility: hidden; clear: both; } thead th { height: 30px; /*text-align: left;*/ } tbody { height: 120px; overflow-y: auto; } thead { /* fallback */ } tbody td, thead th { width: 19.2%; float: left; } 
 <div class="table-responsive"> <table class="table table-striped responsive"> <thead> <tr> <th>№</th> <th>Model</th> <th>Color</th> <th>Year</th> <th>Year</th> </tr> </thead> <tbody> <tr> <td class="filterable-cell" id="fix">1</td> <td class="filterable-cell">Escort</td> <td class="filterable-cell">Blue</td> <td class="filterable-cell">2000</td> <td class="filterable-cell">2000</td> </tr> <tr> <td class="filterable-cell" id="fix">2</td> <td class="filterable-cell">Escort</td> <td class="filterable-cell">Blue</td> <td class="filterable-cell">2000</td> <td class="filterable-cell">2000</td> </tr> <tr> <td class="filterable-cell" id="fix">3</td> <td class="filterable-cell">Escort</td> <td class="filterable-cell">Blue</td> <td class="filterable-cell">2000</td> <td class="filterable-cell">2000</td> </tr> <tr> <td class="filterable-cell" id="fix">4</td> <td class="filterable-cell">Escort</td> <td class="filterable-cell">Blue</td> <td class="filterable-cell">2000</td> <td class="filterable-cell">2000</td> </tr> </tbody> </div>

Escort Blue 2000 2000 Escort Blue 2000 2000 3 Escort Blue 2000 2000 4 Escort Blue 2000 2000
  • @Etik what do you say? - qwerty

1 answer 1

 tbody tr td:first-child, thead tr th:first-child { width: 50px !important; }
  • Format the code using indents in 4 spaces, you can also select a code snippet in the message and press the Ctrl + K combination to add or remove indenting. - Athari