diff --git a/package.json b/package.json index 454e29c..8cc6d5e 100644 --- a/package.json +++ b/package.json @@ -49,7 +49,7 @@ }, "dependencies": { "angular": "1.5.5", - "office-ui-fabric": "2.3.0" + "office-ui-fabric": "2.4.1" }, "devDependencies": { "angular-animate": "1.5.5", diff --git a/src/components/table/demo/index.html b/src/components/table/demo/index.html index c3f335c..197e26b 100644 --- a/src/components/table/demo/index.html +++ b/src/components/table/demo/index.html @@ -327,6 +327,61 @@
<uif-table uif-row-select-mode="multiple"&
+
+ Fixed table rendering
+
+ This markup:
+
+<uif-table uif-table-type="fixed">
+ <uif-table-head>
+ <uif-table-row>
+ <uif-table-row-select></uif-table-row-select>
+ <uif-table-header uif-order-by="fileName">File name</uif-table-header>
+ <uif-table-header>Location</uif-table-header>
+ <uif-table-header uif-order-by="modified">Modified</uif-table-header>
+ <uif-table-header uif-order-by="type">Type</uif-table-header>
+ <uif-table-header uif-order-by="size">Size</uif-table-header>
+ </uif-table-row>
+ </uif-table-head>
+ <uif-table-body>
+ <uif-table-row ng-repeat="f in files | orderBy:table.orderBy:!table.orderAsc" uif-item="f" uif-selected="{{f.isSelected}}">
+ <uif-table-row-select></uif-table-row-select>
+ <uif-table-cell>{{f.fileName}}</uif-table-cell>
+ <uif-table-cell>{{f.location}}</uif-table-cell>
+ <uif-table-cell>{{f.modified | date}}</uif-table-cell>
+ <uif-table-cell>{{f.type}}</uif-table-cell>
+ <uif-table-cell>{{f.size}}</uif-table-cell>
+ </uif-table-row>
+ </uif-table-body>
+</uif-table>
+
+
+
+ Renders this (selecting multiple rows enabled, one row marked as selected):
+
+
+
+
+
+ File name
+ Location
+ Modified
+ Type
+ Size
+
+
+
+
+
+ {{f.fileName}}
+ {{f.location}}
+ {{f.modified | date}}
+ {{f.type}}
+ {{f.size}}
+
+
+
+