Added sorting ability to columns.

Author: pstephan1187

README.md

@@ -1,6 +1,6 @@
 # Vue.js Datatable Component
 
-Allows for quick and easy setup of filterable and paginated tables.
+Allows for quick and easy setup of filterable, sortable, and paginated tables.
 
 ## Installation
 
@@ -152,6 +152,18 @@ This will inject the given component into the cell for the cooresponding row. Th
 
 This will align the text in both the header cells and the body cells as defined. Uses inline styles. Default: left.
 
+#### sortable
+
+This is a boolean value that determines whether or not that column can be sorted. Sorting is enabled by default on all columns except for component columns. Component columns do not currently support sorting. To disable sorting on any particular column, define `sortable` as `false`:
+
+```
+{
+	label: 'Email',
+	field: 'email',
+	sortable: false
+}
+```
+
 ### rows
 
 This is the data that is represented by each row in the table. It must be an array of objects where the key of each object is the value for your column.field entries. For example, if you have a column entry like this:

dist/vuejs-datatable.js

@@ -10,10 +10,10 @@ vm = new Vue({
 			{label: 'Username', field: 'username'},
 			{label: 'First Name', field: 'first_name'},
 			{label: 'Last Name', field: 'last_name'},
-			{label: 'Email', field: 'email', align: 'right'},
+			{label: 'Email', field: 'email', align: 'right', sortable: false},
 			{label: 'Address', callback: function(row){
 				return row.address + ', ' + row.city + ', ' + row.state;
-			}, align: 'right'}
+			}, align: 'right', sortable: false}
 		],
 		rows: [
 			{

examples/vue-1/app.js

@@ -106,10 +106,10 @@ window.vm = new Vue({
 			{label: 'Username', field: 'username'},
 			{label: 'First Name', field: 'first_name'},
 			{label: 'Last Name', field: 'last_name'},
-			{label: 'Email', field: 'email', align: 'right'},
+			{label: 'Email', field: 'email', align: 'right', sortable: false},
 			{label: 'Address', callback: function(row){
 				return row.address + ', ' + row.city + ', ' + row.state;
-			}, align: 'right'}
+			}, align: 'right', sortable: false}
 		],
 		rows: [
 			{