add md-foot component

README.md

@@ -61,6 +61,18 @@ Port of https://github.com/daniel-nagy/md-data-table using ember-paper
       {{/body.row}}
     {{/each}}
   {{/table.body}}
+  {{#table.foot as |foot|}}
+    {{#foot.row as |row|}}
+      {{#row.cell}}{{/row.cell}}
+      {{#row.cell}}{{/row.cell}}
+      {{#each totalDesserts as |total|}}
+        {{#row.cell numeric=true}}
+          {{total}}
+        {{/row.cell}}
+      {{/each}}
+      {{#row.cell}}{{/row.cell}}
+    {{/foot.row}}
+  {{/table.foot}}
 {{/paper-data-table}}
 {{paper-data-table-pagination
   limit=limit

addon/components/paper-data-table-foot.js

@@ -0,0 +1,15 @@
+import Ember from 'ember';
+import layout from '../templates/components/paper-data-table-foot';
+
+const {
+	Component
+} = Ember;
+
+export default Component.extend({
+	classNames: ['md-foot'],
+	attributeBindings: ['style'],
+	layout,
+	tagName: 'tfoot',
+	cellspacing: '0',
+	cellpadding: '0',
+});

addon/components/paper-data-table.js

@@ -13,6 +13,7 @@ export default Component.extend({
 	bodyComponent: 'paper-data-table-body',
 	bodyRowComponent: 'paper-data-table-row',
 	headComponent: 'paper-data-table-head',
+  footComponent: 'paper-data-table-foot',
 	rowWidth: 0,
 	sortProp: '',
 	sortDir: 'asc',

addon/templates/components/paper-data-table-foot.hbs

@@ -0,0 +1,4 @@
+{{yield (hash
+          row=(component bodyRowComponent selectable=selectable)
+        )
+}}

addon/templates/components/paper-data-table.hbs

@@ -14,5 +14,9 @@
 			selectable=selectable
 			setRowWidth=(action (mut rowWidth))
 		)
+    foot=(component footComponent
+      bodyRowComponent=bodyRowComponent
+      selectable=selectable
+    )
 	)}}
 </table>

app/components/paper-data-table-foot.js

@@ -0,0 +1 @@
+export { default } from 'paper-data-table/components/paper-data-table-foot';

app/styles/md-table-select.scss

@@ -53,4 +53,4 @@ md-select.md-table-select {
 
 .md-select-menu-container.md-pagination-select .md-text {
   font-size: 12px;
-}
+}

tests/dummy/app/controllers/application.js

@@ -15,6 +15,17 @@ export default Ember.Controller.extend({
 	limit: 5,
 	pages: Ember.A([1,2]),
 	page: 1,
+  totals: Ember.computed('desserts.[]', function() {
+    let desserts = this.get('desserts');
+    let sumBy = (desserts, prop) => Math.round(desserts.reduce((sum, row) => sum + row[prop], 0));
+    return [
+      sumBy(desserts, 'calories'),
+      sumBy(desserts, 'fat'),
+      sumBy(desserts, 'carbs'),
+      sumBy(desserts, 'protein'),
+      sumBy(desserts, 'sodium')
+    ];
+  }),
 	paginatedDesserts: Ember.computed('page','limit',function () {
 		let ind = (this.get('page') - 1) * this.get('limit');
 

tests/dummy/app/templates/application.hbs

@@ -55,6 +55,20 @@
 						{{/body.row}}
 					{{/each}}
 				{{/table.body}}
+        {{#table.foot as |foot|}}
+          {{#foot.row edit=false as |row|}}
+            {{#row.cell}}{{/row.cell}}
+            {{#row.cell}}{{/row.cell}}
+            {{#each totals as |total|}}
+              {{#row.cell numeric=true}}
+                {{total}}
+              {{/row.cell}}
+            {{/each}}
+            {{#row.cell}}{{/row.cell}}
+            {{#row.cell}}{{/row.cell}}
+            {{#row.cell}}{{/row.cell}}
+          {{/foot.row}}
+        {{/table.foot}}
 			{{/paper-data-table}}
 			{{paper-data-table-pagination
 				limit=limit