А куда надо вам я ж не знаю.
<script type="text/javascript" src="__code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
$("#mytable td").mouseover(function() {
var tds = $( this ).parent().find("td"),
index = $.inArray( this, tds );
$("#mytable td:nth-child("+( index + 1 )+")").css("background-color", "#f00");
}).mouseout(function() {
var tds = $( this ).parent().find("td"),
index = $.inArray( this, tds );
$("#mytable td:nth-child("+( index + 1 )+")").css("background-color", "#fff");
});
</script>
Этот скрипт отвечает за выделение, а то что выше это пример, собственно то что вам нужно, возьмите в рамку как показано на примере, а в этом скрипте поменяйте названия на свои. Вот и все.