Angularjs UI网格列排序_Angularjs_Angular Ui Grid

Angularjs UI网格列排序

angularjs

Angularjs UI网格列排序,angularjs,angular-ui-grid,Angularjs,Angular Ui Grid,我正在使用angularjs ui grid，它在桌面和移动设备上都运行良好，但当我尝试在移动设备或可触摸设备上移动ui grid列时，它们不会被移动。这是我的：任何帮助都将不胜感激。以下是附加的代码 <!doctype html> <html ng-app="app"> <head> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angu

我正在使用angularjs ui grid，它在桌面和移动设备上都运行良好，但当我尝试在移动设备或可触摸设备上移动ui grid列时，它们不会被移动。这是我的：

任何帮助都将不胜感激。以下是附加的代码

<!doctype html>
<html ng-app="app">
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular-touch.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular-animate.js"></script>
        <script src="http://ui-grid.info/docs/grunt-scripts/csv.js"></script>
        <script src="http://ui-grid.info/docs/grunt-scripts/pdfmake.js"></script>
        <script src="http://ui-grid.info/docs/grunt-scripts/vfs_fonts.js"></script>
        <script src="http://ui-grid.info/release/ui-grid.js"></script>
        <link rel="stylesheet" href="http://ui-grid.info/release/ui-grid.css" type="text/css">
        <link rel="stylesheet" href="main.css" type="text/css">
    </head>
    <body>
        <div ng-controller="MainCtrl">
            <div id="grid1" ui-grid="gridOptions" ui-grid-move-columns class="grid"></div>
        </div>
        <script src="app.js"></script>
    </body>
</html>

您可以尝试在给定的plnkr上使用bootstrap的responsive table@NitsanBaleli，在可触摸设备上无法拖动/移动列。似乎iOS设备上出现了问题。其中一些被认为是固定的。但在github中这是一个相当老的问题。你可以看看那里：

var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.moveColumns']);
app.controller('MainCtrl', ['$scope', function($scope) {
    $scope.gridOptions = {
        enableSorting: true,
        columnDefs: [{
            name: 'firstName',
            field: 'first-name'
        }, {
            name: '1stFriend',
            field: 'friends[0]'
        }, {
            name: 'city',
            field: 'address.city'
        }, {
            name: 'getZip',
            field: 'getZip()',
            enableCellEdit: false
        }],
        data: [{
            "first-name": "Cox",
            "friends": ["friend0"],
            "address": {
                street: "301 Dove Ave",
                city: "Laurel",
                zip: "39565"
            },
            "getZip": function() {
                return this.address.zip;
            }
        }]
    };

}]);