У меня есть ионное приложение с длинным и широким столом. Я могу прокручивать стол вверх и вниз. Однако я не могу переместить таблицу влево и вправо. Это проблема, поскольку в таблице много столбцов. Хорошей особенностью было бы то, что страницу можно масштабировать, используя действие с двумя пальцами.
Вот соответствующий 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
Я смог выполнить то, что вы хотели, со следующим:
<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>
Для меня трюк, казалось, не указывал ширину таблицы в процентах.