строки таблицы неправильно выровнены с заголовком таблицы в IE

Question

У меня возникла проблема при работе с NgTableParams для отображения таблицы в IE . В chrome он отображается правильно, но выравнивание строк таблицы в IE некорректно. Пожалуйста, найдите демо https://plnkr.co/edit/NAi4ZIleQ2LWDWHQbjS5?p=preview

В IE, когда вы открываете вышеуказанную ссылку и запускаете окно предварительного просмотра на отдельной странице, вы можете заметить, что строки таблицы не соответствуют должным образом заголовку таблицы . Любые входные данные?

HTML:

<div  ng-controller="BaseController">

    <div class="col-xs-5 container-paragraph">
        <table ng-table="tableParams" class="table table-striped table-scroll" show-filter="true">
            <tr ng-repeat="user in $data">
                <td title="'Name'" filter="{ firstname: 'text'}" sortable="'firstname'">
                    {{user.firstname}}</td>
            </tr>
        </table>
    </div>
    <div class="col-xs-7 container-paragraph">
        <table ng-table="tableParams" class="table table-striped table-scroll" show-filter="true">
            <tr ng-repeat="user in $data">
                <td title="'Name'" filter="{ firstname: 'text'}" sortable="'firstname'">
                    {{user.firstname}}</td>
            </tr>
        </table>
    </div>
</div>

Просьба найти изображение, которое показывает выравнивание строк с проблемой заголовка в IE ниже:

Answer 1

может этот код вам поможет

 <td data-title="'#'" sortable="'id'">
                        {{$index + 1}} </td>

вы можете назвать свои поля, используя data-title в ng-table

 <input type="text" class="form-control input-sm pull-right ng-pristine ng-valid ng-touched" 
                       ng-model="" placeholder="">

и кнопка поиска отдельно

Answer 2

Поместите обе таблицы в одну таблицу и попробуйте