GUI -- Device table now scrolls with a fixed height.
Created a table scrolling test page to try out having a fixed table header. - WIP
Change-Id: Ia957173d0cb46c526af3da311b441802ac5cb292
diff --git a/web/gui/src/main/webapp/_bripc/practice-table.html b/web/gui/src/main/webapp/_bripc/practice-table.html
new file mode 100644
index 0000000..943c221
--- /dev/null
+++ b/web/gui/src/main/webapp/_bripc/practice-table.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<!--
+ ~ Copyright 2015 Open Networking Laboratory
+ ~
+ ~ Licensed under the Apache License, Version 2.0 (the "License");
+ ~ you may not use this file except in compliance with the License.
+ ~ You may obtain a copy of the License at
+ ~
+ ~ http://www.apache.org/licenses/LICENSE-2.0
+ ~
+ ~ Unless required by applicable law or agreed to in writing, software
+ ~ distributed under the License is distributed on an "AS IS" BASIS,
+ ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ ~ See the License for the specific language governing permissions and
+ ~ limitations under the License.
+ -->
+
+<!--
+ ONOS -- Displaying icons with Angular test page
+ -->
+
+<html>
+<head lang="en">
+ <meta charset="UTF-8">
+ <title>Practice Table Formatting</title>
+
+ <script type="text/javascript" src="../tp/angular.js"></script>
+ <script type="text/javascript" src="../tp/angular-route.js"></script>
+
+ <script type="text/javascript" src="../tp/d3.js"></script>
+ <script type="text/javascript" src="../tp/jquery-2.1.1.min.js"></script>
+
+ <script type="text/javascript" src="practice-table.js"></script>
+
+ <style>
+ html,
+ body {
+ background-color: #ddf;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 9pt;
+ }
+
+ h2 {
+ color: darkred;
+ }
+
+ </style>
+
+</head>
+<!-- outline for using a controller in Angular -->
+<body ng-app="practiceTable">
+ <h2>Scrolling Table Practice</h2>
+ <div>
+ <table fixed-header>
+ <thead>
+ <tr>
+ <th>URI</th>
+ <th>Vendor</th>
+ <th>Hardware Version</th>
+ <th>Software Version</th>
+ <th>Serial Number</th>
+ <th>Protocol</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>id</td>
+ <td>mfr</td>
+ <td>hw</td>
+ <td>sw</td>
+ <td>serial</td>
+ <td>protocol</td>
+ </tr>
+ <tr>
+ <td>id</td>
+ <td>mfr</td>
+ <td>hw</td>
+ <td>sw</td>
+ <td>serial</td>
+ <td>protocol</td>
+ </tr>
+ <tr>
+ <td>id</td>
+ <td>mfr</td>
+ <td>hw</td>
+ <td>sw</td>
+ <td>serial</td>
+ <td>protocol</td>
+ </tr>
+ <tr>
+ <td>id</td>
+ <td>mfr</td>
+ <td>hw</td>
+ <td>sw</td>
+ <td>serial</td>
+ <td>protocol</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+</body>
+</html>
\ No newline at end of file