AngularJS ng-table插件设置排序

前端之家收集整理的这篇文章主要介绍了AngularJS ng-table插件设置排序前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

基础概念

ng-table提供了一个表头来提供,基础的过滤信息:

(1)指定一列的过滤器,然后模板就会使用。 (2)ngTable支持number,text,select 和 select-multiple的值模板。 (3)可以有选择的为NgTableParams提供初始过滤值。

ngTable directive
ngTableDynamic directive
app.controller("dynamicDemoController",dynamicDemoController);

dynamicDemoController.$inject = ["NgTableParams","ngTableDemoCountries"];

function dynamicDemoController(NgTableParams,countries) {
this.cols = [//自定义table条目,过滤条件、表头名字和数据源,filterData: countries。
{ field: "name",title: "Name",filter: { name: "text" },show: true },{ field: "age",title: "Age",filter: { age: "number" },{ field: "money",title: "Money",{ field: "country",title: "Country",filter: { country: "select" },filterData: countries,show: true }
];

this.tableParams = new NgTableParams({
// initial filter
filter: { country: "Ecuador" } //初始化数据源
},{
dataset: simpleList
});
}
})();

(function() {
"use strict";

angular.module("myApp").run(setRunPhaseDefaults);
setRunPhaseDefaults.$inject = ["ngTableDefaults"];
//通过config来设置表格数量
function setRunPhaseDefaults(ngTableDefaults) {
ngTableDefaults.params.count = 5;
ngTableDefaults.settings.counts = [];
}
})();

以上就是对AngularJS ng-table插件 的资料整理,后续继续补充相关资料,谢谢大家对本站的支持

猜你在找的JavaScript相关文章