Animated Table Sorter

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<link href="style.css" rel="stylesheet" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="tsort.min.js"></script>

<table class="table tableSorter">
	<thead>
		<tr>
			<th>Year</th>
			<th>Film</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>1977</td>
			<td>Annie Hall</td>
		</tr>
		<tr>
			<td>2006</td>
			<td>Scoop</td>
		</tr>
		<tr>
			<td>1973</td>
			<td>Sleeper</td>
		</tr>
		<tr>
			<td>1979</td>
			<td>Manhattan</td>
		</tr>
		<tr>
			<td>1975</td>
			<td>Love And Death</td>
		</tr>
		<tr>
			<td>2011</td>
			<td>Midnight in Paris</td>
		</tr>
		<tr>
			<td>1982</td>
			<td>A Midsummer Night's Sex Comedy </td>
		</tr>
		<tr>
			<td>1997</td>
			<td>Deconstructing Harry</td>
		</tr>
		<tr>
			<td>1991</td>
			<td>Shadows and Fog</td>
		</tr>
		<tr>
			<td>2009</td>
			<td>Whatever Works</td>
		</tr>
	</tbody>
</table>

$(document).ready(function() {
	$('table.tableSorter').tableSort( {
		sortBy: ['numeric', 'text', 'text', 'numeric', 'numeric', 'numeric']
	} );
});