По пунктам:
1) Качаем плагин
http://www.datatables.net/releases/dataTables-1.4.3.zip и копируем из архива файл jquery.dataTables.min.js в папку со сниппетом
2) в модуле:
находим
<script src="../'.$rb_base_url.'snippets/shopkeeper/jquery.tablesorter.min.js" type="text/javascript"></script>
у меня это 45 строка
и меняем на
<script src="../'.$rb_base_url.'snippets/shopkeeper/jquery.dataTables.min.js" type="text/javascript"></script>
3) находим
th.header {background-image: url(../'.$rb_base_url.'snippets/shopkeeper/img/sort.gif); cursor: pointer; font-weight: bold; background-repeat: no-repeat; background-position: center left; padding-left: 15px;}
th.headerSortUp {background-image: url(../'.$rb_base_url.'snippets/shopkeeper/img/asc.gif); background-color: #D0D0D0;}
th.headerSortDown {background-image: url(../'.$rb_base_url.'snippets/shopkeeper/img/desc.gif); background-color: #D0D0D0;}
меняем на:
th.sorting {background-image: url(../'.$rb_base_url.'snippets/shopkeeper/img/sort.gif); cursor: pointer; font-weight: bold; background-repeat: no-repeat; background-position: center left; padding-left: 15px;}
th.sorting_asc {background-image: url(../'.$rb_base_url.'snippets/shopkeeper/img/asc.gif); background-color: #D0D0D0;cursor: pointer; font-weight: bold; background-repeat: no-repeat; background-position: center left; padding-left: 15px;}
th.sorting_desc {background-image: url(../'.$rb_base_url.'snippets/shopkeeper/img/desc.gif); background-color: #D0D0D0;cursor: pointer; font-weight: bold; background-repeat: no-repeat; background-position: center left; padding-left: 15px;}
div.dataTables_info { width: 40%; }
div.dataTables_paginate span.paginate_button, div.dataTables_paginate span.paginate_active {
border: 1px solid #aaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 2px 5px;
margin: 0 3px;
cursor: pointer;
*cursor: hand;
4)потом находим
$(document).ready(function()
{
$("#ordersTable").tablesorter({sortList: [[0,0]], headers: {0:{sorter: false}, 7:{sorter: false}, 8:{sorter: false}}});
}
);
меняем на
$(document).ready(function()
{
$("#ordersTable").dataTable( {
"bStateSave": true,
"aaSorting": [[ 1, "desc" ]],
"sPaginationType": "full_numbers"
} );
}
);
вот вроде все, в 4 пункте можно свои опции прописать (подробнее на
http://www.datatables.net/usage)