fix styles on boolean cell with false as value.

Author: liuwenchao

dist/aha-table.html

@@ -272,7 +272,7 @@
 								on-change="{{ save }}" 
 								checked?="{{ row[column.name] }}" />
 						</div>
-						<div class="{{ column.editable && row._editing ? 'hide' : ''}} {{ row[column.name] ? '' : 'empty'}}">{{ 
+						<div class="{{ column.editable && row._editing ? 'hide' : ''}} {{ row[column.name] === null || row[column.name] === undefined ? 'empty' : ''}}">{{ 
 							row[column.name] | _translate(column.options, column.placeholder) 
 						}}</div>
 					</td>
@@ -444,7 +444,7 @@
 		modifiedChanged: function() {},
 		//translate value to labels for select
 		_translate: function(value, options, blank){
-			if (value != "" && options) {
+			if (value !== "" && options) {
 				for (var i = options.length - 1; i >= 0; i--) {
 					if (options[i].value == value) {
 						return options[i].label;
@@ -792,4 +792,4 @@
 			}
 		});
 	</script>
-</polymer-element>
+</polymer-element>

index.html

@@ -140,8 +140,8 @@ <h2><a href="demo/performance.html">Performance Test</a></h2>
 			{ title: "gym", date: new Date().toISOString().slice(0, 10), type: "private", content: "5*20 situps, 5 miles running, 5 minutes planks", enabled: true },
 			{ title: "breakfast", date: new Date().toISOString().slice(0, 10), type: "private", enabled: true },
 			{ title: "work", date: new Date().toISOString().slice(0, 10), type: "public", content: "implement aha-table plymer element", enabled: true },
-			{ title: "lunch", date: new Date().toISOString().slice(0, 10), type: "public", content: null },
-			{ title: "work", date: new Date().toISOString().slice(0, 10), type: "public", content: "implement aha-table plymer element", enabled: true },
+			{ title: "lunch", date: new Date().toISOString().slice(0, 10), type: "public", content: null, enabled: false },
+			{ title: "work", date: new Date().toISOString().slice(0, 10), type: "public", content: "implement aha-table plymer element" },
 			{ title: "lunch", date: new Date().toISOString().slice(0, 10), type: "public", content: null },
 			{ title: "work", date: new Date().toISOString().slice(0, 10), type: "public", content: "implement aha-table plymer element", enabled: true },
 			{ title: "", date: new Date().toISOString().slice(0, 10), type: "public", content: null },

src/aha-table.html

@@ -272,7 +272,7 @@
 								on-change="{{ save }}" 
 								checked?="{{ row[column.name] }}" />
 						</div>
-						<div class="{{ column.editable && row._editing ? 'hide' : ''}} {{ row[column.name] ? '' : 'empty'}}">{{ 
+						<div class="{{ column.editable && row._editing ? 'hide' : ''}} {{ row[column.name] === null || row[column.name] === undefined ? 'empty' : ''}}">{{ 
 							row[column.name] | _translate(column.options, column.placeholder) 
 						}}</div>
 					</td>