fix searchable failure on column level.

Author: liuwenchao

dist/aha-table.html

@@ -177,24 +177,25 @@
 				<tr class="search-head {{ searchable ? '' : 'hide'}}">
 					<th>{{searchtitle}} </th>
 					<th template
-						repeat="{{ column in meta }}"
-						class="{{ column.searchable ? 'searchable' : 'hide'">
-						<select 
-							on-change="{{ search }}" 
-							class="{{ 'choice' === column.type ? '' : 'hide' }}">
-								<option template 
-									repeat="{{ option in column.options }}"
-									value="{{ option.value }}">
-									{{ option.label }}
-								</option>
-						</select>
-						<input type="checkbox" 
-							on-change="{{ search }}" 
-							class="{{ 'boolean' === column.type ? '' : 'hide' }}"/>
-						<input type="text" 
-							on-keyup="{{ search }}" 
-							placeholder?="{{ column.searchplaceholder }}" 
-							class="{{ 'choice' !== column.type && 'boolean' !== column.type ? '' : 'hide' }}"/>
+						repeat="{{ column in meta }}">
+						<div class="{{ column.searchable ? 'searchable' : 'hide'}}">
+							<select 
+								on-change="{{ search }}" 
+								class="{{ 'choice' === column.type ? '' : 'hide' }}">
+									<option template 
+										repeat="{{ option in column.options }}"
+										value="{{ option.value }}">
+										{{ option.label }}
+									</option>
+							</select>
+							<input type="checkbox" 
+								on-change="{{ search }}" 
+								class="{{ 'boolean' === column.type ? '' : 'hide' }}"/>
+							<input type="text" 
+								on-keyup="{{ search }}" 
+								placeholder?="{{ column.searchplaceholder }}" 
+								class="{{ 'choice' !== column.type && 'boolean' !== column.type ? '' : 'hide' }}"/>
+						</div>
 					</th>
 				</tr>
 			</thead>
@@ -490,8 +491,9 @@
 			}
 		},
 		sort: function(e, p) {
-			if(e.target.templateInstance.model.column){
-				var sortingColumn = e.target.templateInstance.model.column.name;
+			var column = e.target.templateInstance.model.column;
+			if(column && column.sortable){
+				var sortingColumn = column.name;
 				if (sortingColumn == this.sortedColumn){
 					this.descending = !this.descending;
 				} else {

index.html

@@ -78,7 +78,7 @@ <h2>Advanced usage: themed, customized columns, customized attributes, customize
 		removeclass="fa fa-trash-o">
 		<aha-column name="title" 
 			type="string" 
-			sortable="true"
+			sortable="false"
 			searchable="true"
 			required="true"
 			editable="false"
@@ -89,7 +89,7 @@ <h2>Advanced usage: themed, customized columns, customized attributes, customize
 		<aha-column name="date"
 			type="date"
 			sortable="true"
-			searchable="true"
+			searchable="false"
 			required="true"
 			editable="true"
 			placeholder="Choose your date" 

src/aha-table.html

@@ -177,24 +177,25 @@
 				<tr class="search-head {{ searchable ? '' : 'hide'}}">
 					<th>{{searchtitle}} </th>
 					<th template
-						repeat="{{ column in meta }}"
-						class="{{ column.searchable ? 'searchable' : 'hide'">
-						<select 
-							on-change="{{ search }}" 
-							class="{{ 'choice' === column.type ? '' : 'hide' }}">
-								<option template 
-									repeat="{{ option in column.options }}"
-									value="{{ option.value }}">
-									{{ option.label }}
-								</option>
-						</select>
-						<input type="checkbox" 
-							on-change="{{ search }}" 
-							class="{{ 'boolean' === column.type ? '' : 'hide' }}"/>
-						<input type="text" 
-							on-keyup="{{ search }}" 
-							placeholder?="{{ column.searchplaceholder }}" 
-							class="{{ 'choice' !== column.type && 'boolean' !== column.type ? '' : 'hide' }}"/>
+						repeat="{{ column in meta }}">
+						<div class="{{ column.searchable ? 'searchable' : 'hide'}}">
+							<select 
+								on-change="{{ search }}" 
+								class="{{ 'choice' === column.type ? '' : 'hide' }}">
+									<option template 
+										repeat="{{ option in column.options }}"
+										value="{{ option.value }}">
+										{{ option.label }}
+									</option>
+							</select>
+							<input type="checkbox" 
+								on-change="{{ search }}" 
+								class="{{ 'boolean' === column.type ? '' : 'hide' }}"/>
+							<input type="text" 
+								on-keyup="{{ search }}" 
+								placeholder?="{{ column.searchplaceholder }}" 
+								class="{{ 'choice' !== column.type && 'boolean' !== column.type ? '' : 'hide' }}"/>
+						</div>
 					</th>
 				</tr>
 			</thead>
@@ -490,8 +491,9 @@
 			}
 		},
 		sort: function(e, p) {
-			if(e.target.templateInstance.model.column){
-				var sortingColumn = e.target.templateInstance.model.column.name;
+			var column = e.target.templateInstance.model.column;
+			if(column && column.sortable){
+				var sortingColumn = column.name;
 				if (sortingColumn == this.sortedColumn){
 					this.descending = !this.descending;
 				} else {