Question

我的应用程序让我很震惊，我为用户提供了thousands of data for creating reports and dataentry个表单。以前我使用{em>来自datatablejs后端的json调用来修复标题和列。

但是现在我需要使用angularjs作为前端的框架，需要使用fix header and column 来表格的 datatable js。但是我无法做那件事。

请帮我解决这个问题。

是否可以使用带有角度的数据表js，如果没有，请建议我使用响应式解决方案修复表格的标题和列的方法？任何替代解决方案也值得赞赏。

Answer 1

一种方法是使用bootstrap表，而angular js内置了ng-repeat之类的指令，可用于将范围变量中的数据填充到表中。使用ng-repeat也可以使列动态化。

这是我的HTML代码

 $scope.initialise = function () {

        ngProgressLite.start();

        getWorkFlowByRoleName($scope.role[0]);
    };

function getWorkFlowByRoleName(name) {
        apiService.get('workFlowStatus/GetActiveTasksByRoleName/' + name,
                        name,
                        getWorkFlowByRoleNameCompleted,
                        reviewTasksLoadFailed
                        );
    }
    function getWorkFlowByRoleNameCompleted(response) {
        $scope.TaskList = response.data;

    }
    function reviewTasksLoadFailed(response) {
        if (response.statusText == "Not Found")
            $scope.taskEmptyMsg = "No tasks are assigned to you yet!! ";
    }

   //Function to sort by column
    $scope.sortData = function (column) {
        $scope.reverseSort = ($scope.sortColumn == column) ?
            !$scope.reverseSort : false;
        $scope.sortColumn = column;
    }

    $scope.getSortClass = function (column) {

        if ($scope.sortColumn == column) {
            return $scope.reverseSort
              ? 'glyphicon glyphicon-chevron-down'
              : 'glyphicon glyphicon-chevron-up';
        }

        return '';
    }

这是我的js代码

QDateTime::fromString(QString::fromStdWString(msclr::interop::marshal_as<std::wstring>(systemDateTime.ToString("ddMMyyyy HH:mm:ss"))), "ddMMyyyy HH:mm:ss"))

*注意：sortData（）和getSortClass（）函数在单击时对每列进行排序。

表格看起来有点像这样：

click this to view image

是否可以使用带有angularjs的datatablejs或datatablejs的任何替代方法

1 个答案: