2015-03-25 3 views
0

У меня есть таблица и панель поиска, которая будет фильтровать данные таблицы.Таблица AngularJS с размером фильтра

Моя проблема заключается в том, что при вводе в строке поиска слова, размер определенного столбца будет изменять размер. Затем будет сделана какая-то странная анимация (изменение размера) при наборе текста ...

Есть ли решение в css или в angularjs, чтобы сделать эту таблицу не изменяемой?

РЕДАКТИРОВАТЬ:

<div class="form-group has-feedback has-feedback-left search-bar"> 
    <input type="text" class="form-control" ng-model="search" > 
    <i class="form-control-feedback glyphicon glyphicon-search"></i> 
</div> 

<table class="table table-striped"> 
    <thead> 
     <tr> 
      <td>name</td> 
      <td>Effort</td> 
      <td>value</td> 
      <td>Possible</td> 
      <td>Comments</td> 
      <td>description</td> 
      <td>Selected {{totalSelected}}</td> 
     </tr> 
    </thead> 
    <tbody> 
     <tr ng-repeat="bb in babies | filter: search"> 
      <td>{{bb.name}}</td> 
      <td>{{bb.effort}}</td> 
      <td>{{bb.Value}}</td> 
      <td>{{bb.possible}}</td> 
      <td>{{bb.comments}}</td> 
      <td>{{bb.description}}</td> 
      <td><input type="checkbox" ng-click="change(bb.id)" /></td> 
     </tr> 
    </tbody> 
</table>   
+0

Похож на вопрос 'reflow'. Когда вы начнете вводить строку поиска, сделайте ее «position: absolute», поэтому она не повлияет на таблицу. иначе сделайте ширину столбцов фиксированной. – mohamedrias

+0

Если вы могли бы поделиться этим кодом, мы можем предложить лучший ответ – mohamedrias

+0

Я добавил код (таблица + панель поиска) Для фиксированной ширины столбца все они имеют разный размер, и я хотел бы сохранить этот авто – Weedoze

ответ

0

Настройка фиксированной ширины столбца в CSS должно решить проблему.

Смежные вопросы