Skip to content

Commit ead4e29

Browse files
awerlangawerlang
committed
docs(examples): include bootstrap
1 parent 05f3045 commit ead4e29

File tree

2 files changed

+85
-3
lines changed

2 files changed

+85
-3
lines changed

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,3 @@
1+
.idea/
12
bower_components/
23
node_modules/

‎examples/index.html‎

Lines changed: 84 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,15 @@
44
<script src="../bower_components/angular/angular.js"></script>
55
<script src="../release/angular-responsive-tables.js"></script>
66
<script src="controller.js"></script>
7+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
78
<link rel="stylesheet" href="../src/style.css">
89
</head>
910
<body ng-controller="TestController as ctrl">
1011
<h1>Angular Responsive Tables</h1>
1112

12-
<h2>Static table</h2>
13+
<h2>Simple styling</h2>
14+
15+
<h3>Static table</h3>
1316
<table wt-responsive-table>
1417
<thead>
1518
<tr>
@@ -45,7 +48,7 @@ <h2>Static table</h2>
4548
</tbody>
4649
</table>
4750

48-
<h2>Simple table with ng-repeat</h2>
51+
<h3>Simple table with ng-repeat</h3>
4952
<table wt-responsive-table>
5053
<thead>
5154
<tr>
@@ -67,7 +70,7 @@ <h2>Simple table with ng-repeat</h2>
6770
</tbody>
6871
</table>
6972

70-
<h2>Simple table with no thead, tbody</h2>
73+
<h3>Simple table with no thead, tbody</h3>
7174
<table wt-responsive-table>
7275
<tr>
7376
<th>Name</th>
@@ -84,5 +87,83 @@ <h2>Simple table with no thead, tbody</h2>
8487
<td>{{item.stars}}</td>
8588
</tr>
8689
</table>
90+
91+
<h2>With Bootstrap</h2>
92+
93+
<h3>Static table</h3>
94+
<table class="table table-striped" wt-responsive-table>
95+
<thead>
96+
<tr>
97+
<th>Name</th>
98+
<th>Version</th>
99+
<th>Language</th>
100+
<th>Maintainer</th>
101+
<th>Stars</th>
102+
</tr>
103+
</thead>
104+
<tbody>
105+
<tr>
106+
<td>AngularJS</td>
107+
<td>1.5</td>
108+
<td>JavaScript</td>
109+
<td>Google</td>
110+
<td>35000</td>
111+
</tr>
112+
<tr>
113+
<td>Bootstrap</td>
114+
<td>3.3</td>
115+
<td>CSS</td>
116+
<td>Twitter</td>
117+
<td>23000</td>
118+
</tr>
119+
<tr>
120+
<td>UI-Router</td>
121+
<td>0.13</td>
122+
<td>JavaScript</td>
123+
<td>AngularUI</td>
124+
<td>15000</td>
125+
</tr>
126+
</tbody>
127+
</table>
128+
129+
<h3>Simple table with ng-repeat</h3>
130+
<table class="table table-striped" wt-responsive-table>
131+
<thead>
132+
<tr>
133+
<th>Name</th>
134+
<th>Version</th>
135+
<th>Language</th>
136+
<th>Maintainer</th>
137+
<th>Stars</th>
138+
</tr>
139+
</thead>
140+
<tbody>
141+
<tr ng-repeat="item in ctrl.projects">
142+
<td>{{item.name}}</td>
143+
<td>{{item.version}}</td>
144+
<td>{{item.language}}</td>
145+
<td>{{item.maintainer}}</td>
146+
<td>{{item.stars}}</td>
147+
</tr>
148+
</tbody>
149+
</table>
150+
151+
<h3>Simple table with no thead, tbody</h3>
152+
<table class="table table-striped" wt-responsive-table>
153+
<tr>
154+
<th>Name</th>
155+
<th>Version</th>
156+
<th>Language</th>
157+
<th>Maintainer</th>
158+
<th>Stars</th>
159+
</tr>
160+
<tr ng-repeat="item in ctrl.projects">
161+
<td>{{item.name}}</td>
162+
<td>{{item.version}}</td>
163+
<td>{{item.language}}</td>
164+
<td>{{item.maintainer}}</td>
165+
<td>{{item.stars}}</td>
166+
</tr>
167+
</table>
87168
</body>
88169
</html>

0 commit comments

Comments
 (0)