Допустим на странице у вас есть готовая html таблица с разными типамиданных в колонках.

Быстрым и эффективным средством будет прикрутить плагин например dataTables.

Для использования достаточно подключить его:

<script type="text/javascript" src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>

Указать для таблицы уникальный id=»table-1″ и вызвать его:

<script type="text/javascript">
jQuery(document).ready(function() {
	jQuery('#table-1').DataTable( {
			"paging":   false,
			"ordering": true,
			"info":     false,
		} );	
});
</script>

Чтобы не съезжал стиль первой строки с заголовками.

<style type="text/css">
.dataTables_wrapper .sorting {
  padding-left: 0px !important;
}
</style>

У плагина много возможностей и настроек.

Отключить строку поиска:

"bFilter": false,

Сортировка дат вида dd/mm/yy(yy)

<script type="text/javascript" src="//cdn.datatables.net/plug-ins/1.10.7/sorting/date-eu.js"></script>

И указать для каких столбцов применить

"aoColumnDefs": [
	        { "sType": "date-eu", "aTargets": [ 1, 2, 3 ] },
     ]