Skip to content

Commit b63db46

Browse files
esvitesvit
committed
Fixed #124
- add `header-class`
1 parent 07d4dd7 commit b63db46

6 files changed

Lines changed: 118 additions & 10 deletions

File tree

‎examples/demo25.html‎

Lines changed: 109 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,109 @@
1+
<!DOCTYPE html>
2+
<!--[if lt IE 7]>
3+
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
4+
<!--[if IE 7]>
5+
<html class="no-js lt-ie9 lt-ie8"> <![endif]-->
6+
<!--[if IE 8]>
7+
<html class="no-js lt-ie9"> <![endif]-->
8+
<!--[if gt IE 8]><!-->
9+
<html class="no-js"> <!--<![endif]-->
10+
<head>
11+
<meta charset="utf-8">
12+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
13+
<meta name="viewport" content="width=device-width">
14+
15+
<link rel="stylesheet" href="css/bootstrap.min.css">
16+
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
17+
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
18+
<script src="js/angular.min.js"></script>
19+
<script src="../ng-table.src.js"></script>
20+
<link rel="stylesheet" href="../ng-table.css">
21+
</head>
22+
<body ng-app="main">
23+
24+
<h1>Table with custom header class</h1>
25+
26+
<div ng-controller="DemoCtrl">
27+
28+
<table ng-table="tableParams" show-filter="true" class="table ng-table-rowselected">
29+
<tr ng-repeat="user in $data"
30+
ng-click="user.$selected = !user.$selected; changeSelection(user)"
31+
ng-class="{'active': user.$selected}">
32+
<td data-title="'Name'" header-class="text-left" sortable="'name'" filter="{ 'name': 'text' }">
33+
{{user.name}}
34+
</td>
35+
<td data-title="'Age'" header-class="text-right" class="text-right" sortable="'age'" filter="{ 'age': 'text' }">
36+
{{user.age}}
37+
</td>
38+
</tr>
39+
</table>
40+
41+
<style>
42+
.ng-table th.text-right {
43+
text-align: right;
44+
}
45+
.ng-table th.text-left {
46+
text-align: left;
47+
}
48+
</style>
49+
50+
<script>
51+
var app = angular.module('main', ['ngTable']).
52+
controller('DemoCtrl', function ($scope, $filter, ngTableParams) {
53+
var data = [
54+
{name: "Moroni", age: 50},
55+
{name: "Tiancum", age: 43},
56+
{name: "Jacob", age: 27},
57+
{name: "Nephi", age: 29},
58+
{name: "Enos", age: 34},
59+
{name: "Tiancum", age: 43},
60+
{name: "Jacob", age: 27},
61+
{name: "Nephi", age: 29},
62+
{name: "Enos", age: 34},
63+
{name: "Tiancum", age: 43},
64+
{name: "Jacob", age: 27},
65+
{name: "Nephi", age: 29},
66+
{name: "Enos", age: 34},
67+
{name: "Tiancum", age: 43},
68+
{name: "Jacob", age: 27},
69+
{name: "Nephi", age: 29},
70+
{name: "Enos", age: 34}
71+
];
72+
$scope.data = data;
73+
74+
$scope.tableParams = new ngTableParams({
75+
page: 1, // show first page
76+
count: 10, // count per page
77+
filter: {
78+
//name: 'M' // initial filter
79+
},
80+
sorting: {
81+
//name: 'asc' // initial sorting
82+
}
83+
}, {
84+
total: data.length, // length of data
85+
getData: function ($defer, params) {
86+
// use build-in angular filter
87+
var filteredData = params.filter() ?
88+
$filter('filter')(data, params.filter()) :
89+
data;
90+
var orderedData = params.sorting() ?
91+
$filter('orderBy')(filteredData, params.orderBy()) :
92+
data;
93+
94+
params.total(orderedData.length); // set total for recalc pagination
95+
$defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()));
96+
}
97+
});
98+
99+
$scope.changeSelection = function(user) {
100+
// console.info(user);
101+
}
102+
})
103+
</script>
104+
105+
</div>
106+
107+
108+
</body>
109+
</html>

0 commit comments

Comments
 (0)