вид DatePicker скрыт за div

Question

Эти указатели даты перечислены в строках таблицы. Datepickers в верхних строках работают нормально (как на первом изображении). Но указатели даты в нижних строках не отображаются должным образом (как на втором рисунке). Эта проблема появляется только в мобильном представлении.

Я использовал класс начальной загрузки table-responsive для div, который содержит эту таблицу

<div class="table-responsive">
  <table>
    <tbody>
       <tr>
         <td>
            <datepicker datepicker-mobile="true" date-format="dd/MM/yyyy" ><input type="text" class="form-control col-xs-2" ng-model="my_date"/>
         </td>
       </tr>
    </tbody>
  </table
</div>

Изображение 1

Изображение 2

Answer 1

datepicker-append-to должен быть body, чтобы он был скрыт внутри таблицы.

> <datepicker datepicker-mobile="true" datepicker-append-to="body"
> date-format="dd/MM/yyyy" ><input type="text" class="form-control
> col-xs-2" ng-model="my_date"/>