Add css-class for all sortable columns

README.md

@@ -48,4 +48,4 @@ The `ts-repeat` attribute must be set on the element with ng-repeat.
 CSS
 ---
 
-The table headings that the table is currently sorted on is styled with `tablesort-asc` and `tablesort-desc` classes. A very ugly stylesheet is included to show that it works, but you probably want to build your own...
+All table headings that can be sorted on is styled with css-class `tablesort-sortable`. The table headings that the table is currently sorted on is styled with `tablesort-asc` or `tablesort-desc` classes depending on the sort-direction. A very ugly stylesheet is included to show that it works, but you probably want to build your own...

js/angular-tablesort.js

@@ -107,6 +107,7 @@ tableSortModule.directive('tsCriteria', function() {
 		} );
 	    };
 	    element.bind('click', clickingCallback);
+	    element.addClass('tablesort-sortable');
 	    if( "tsDefault" in attrs && attrs.tsDefault !== "0" ) {
 		tsWrapperCtrl.addSortField( attrs.tsCriteria, element );
 	    }

tablesort.css

@@ -4,10 +4,12 @@ th.tablesort-asc {
 th.tablesort-desc {
     background-color: #F00;
 }
-th {
+
+th.tablesort-sortable {
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -o-user-select: none;
     user-select: none;
+    cursor: pointer;
 }

test1.html

@@ -12,6 +12,7 @@ <h1>Angular Tablesort</h2>
     <table border="1" ts-wrapper>
       <thead>
 	<tr>
+	  <th>Select</th>
 	  <th ts-criteria="Id">Id</th>
 	  <th ts-criteria="Name|lowercase" ts-default>Name</th>
 	  <th ts-criteria="Price|parseFloat">Price</th>
@@ -20,6 +21,7 @@ <h1>Angular Tablesort</h2>
       </thead>
       <tbody>
 	<tr ng-repeat="item in items" ts-repeat>
+	  <td><input type="checkbox"></input>
 	  <td>{{item.Id}}</td>
 	  <td>{{item.Name}}</td>
 	  <td>{{item.Price | currency}}</td>