$(document).ready(function () {
var asbd = $("table#MyTable thead tr th a");
var sord = "desc";
jQuery.each(asbd, function (n) {
var current = $(this);
$(this).live('click', function (e) {
e.preventDefault();
$.post("/Home/PlayerTable", {
"sidx": current.attr("name"),
"sord": sord
}, function (data) {
$("#MyTable").replaceWith(data);
});
(sord == "desc") ? sord = "asc" : sord = "desc";
});
});
});
<table border="2" cellspacing="0" cellpadding="0" width="100%" id="MyTable">
<thead>
<tr>
<th><a name="Id" href=""">Name</a></th>
<th><a name="Name" href="">Класс</a></th>
<th><a name="Product" href="">Специализация</a></th>
</tr>
</thead>
<tbody>
Суть скрипта что бы все ссылки в заголовке таблицы вызывали Ajax запрос. На сервер асинхронно нужно отправить 2 параметра sidx и sord,в ответ будет получена HTML разметка , которая заменит текущую таблицу. При нажатие на сылкуи скрип их не захватые и они ведут себя как обычные сылки.
