I have such a table using bootstrap :

  <table class="table table-striped"> <thead> <tr> <th>Дела</th> </tr> </thead> <tbody> <tr ng-repeat="case in listCases"> <td ng-if="!case.done">{{case.name}}</td> <td ng-if="case.done"><del>{{case.name}}</del></td> <td> <button ng-if="!case.done" type="button" ng-click="setDone(case.id)"> <span class="glyphicon glyphicon-ok"></span> </button> <button ng-if="case.done" type="button" ng-click="resetDone(case.id)"> <span class="glyphicon glyphicon-remove"></span> </button> <button type="button" ng-click="deleteCase(case.id)"> <span class="glyphicon glyphicon-trash"></span> </button> </td> </tr> </tbody> </table>

I can not find in the documentation information about the fixed size of the tables. The point is that when I add a new record to the table, everything under it shifts. Are there ways to fix it on a certain number of records? For example, 10.

    1 answer 1

    Personally, I do not quite understand the question, you can screenshots? While I do not see clarity - I want to give only one recommendation: bootstrap is easily edited with the usual html and css. The more rows in the table - the more it is in height, of course, everything below will move. If you need a fixed screen area for the table, you should use a fixed-height div.