Ионная страница не перетаскиваемая и не масштабируемая

0

У меня есть ионное приложение с длинным и широким столом. Я могу прокручивать стол вверх и вниз. Однако я не могу переместить таблицу влево и вправо. Это проблема, поскольку в таблице много столбцов. Хорошей особенностью было бы то, что страницу можно масштабировать, используя действие с двумя пальцами.

Вот соответствующий html-код;

<div ng-controller="TestCtrl" class="container">
  <ion-content class="has-header" overflow-scroll="true">
    <ion-scroll zooming="true" direction="xy">
      <table ng-table="tableParams" class="table table-bordered">
      <!-- table contents -->
      </table>
    </ion-scroll>
  </ion-content>
</div>

Как правильно использовать ионные директивы, чтобы сделать страницу перетаскиваемой влево и вправо, а также масштабируемой?

Моя целевая платформа - Android 5.1

Теги:
ionic-framework
hybrid-mobile-app
ionic

1 ответ

1
Лучший ответ

Я смог выполнить то, что вы хотели, со следующим:

<ion-content>
    <ion-scroll zooming="true" direction="xy" style="height:500px">
      <table ng-table="tableParams" style="width:600px">
        <!-- table contents -->
      </table>
    </ion-scroll>
</ion-content>

Для меня трюк, казалось, не указывал ширину таблицы в процентах.

  • 0
    Может быть, в моей таблице слишком много столбцов. Я не вижу всю таблицу на экране.
  • 1
    @ user1824987, вы можете увидеть его, когда ущипните масштаб на устройстве.
Показать ещё 13 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню