用箭头移动列

时间:2011-11-04 12:36:11

标签: javascript jquery html-table show-hide

我想在HTML表格中使用标题中的箭头来隐藏/显示列以移动数据。

按向左箭头将显示左隐藏列(例如2011-04月份列)并隐藏右列(例如2011-11月份列),依此类推。 是某种jQuery脚本,还是我必须尝试制作自己的脚本?

1 个答案:

答案 0 :(得分:0)

$(document).keydown(function(e){
       switch (e.keyCode) {
            case 37:
                console.log('left');
                $("#leftCollumn").show();
                $("#rightCollumn").hide();
                break;
            case 38:
                console.log('up');
                break;
            case 39:
                console.log('right');
                $("#leftCollumn").hide();
                $("#rightCollumn").show();
                break;
            case 40:
                console.log('down');
                break;
            default:
                console.log('all others');  
            }      
    });