模拟excel添加删除行或列，同时渲染各个tr td的id，以做取值进行各种运算.

此控件是模拟excel进行添加删除行或者列。同时可以进行各单元格之间的运算，比如=SUM(A1,A3)就表示相加，操作跟excel类似，

html代码如下：

 

js代码如下：

　　　　 $("#event_table tbody,#event_div").bind("contextmenu",function(e){      　 //禁止鼠标右击弹出菜单
              return false;
        });
        $(document).mousedown(function(e){                                        //左击任意位置隐藏自定义菜单
            if(1 == e.which){
                if($(e.target)[0].id=='addrow'||$(e.target)[0].id=='addcol'||$(e.target)[0].id=='delcol'||$(e.target)[0].id=='delrow')
                {
                    return false;
                }else{
                    $('#event_div').css('display','none');
                };
            };
        });
        var celindex;
        var rowindex;
        var headNub = new Array();
        headNub = ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'];
        var event_divFn = function(e){                                            //右击鼠标，自定义菜单显示位置，同时获取当前点击的单元格
            if(3 == e.which){
                var pointX = e.pageX;
                var pointY = e.pageY;
                $('#event_div').css('display','block');
                $('#event_div').css('left',pointX);
                $('#event_div').css('top',pointY);
                celindex = $(e.target)[0].cellIndex;
                rowindex = $(e.target).parent()[0].rowIndex;
            };
        };
        var autoFn = function(){                                                //渲染整个table tr td的id
            for (var l = 0; l < $('#event_table tbody tr').length; l++) {
                $($('#event_table tbody tr')[l]).attr('id','row_'+(l+1));
                $($('#event_table tbody tr td:first-child')[l]).attr('class','td-hev fixed');
                $($('#event_table tbody tr td:first-child')[l]).css('text-align','center');
                $($('#event_table tbody tr td:first-child')[l]).html(l+1);
                for (var m = 0; m < $($('#event_table tbody tr')[l]).children().length; m++) {
                    $($($('#event_table tbody tr')[l]).children().not('.fixed')[m]).attr('id',headNub[m]+(l+1));
                };
            };
            for (var p = 0; p < $('#event_table thead td').not('.frist_td').length; p++) {
                $($('#event_table thead td').not('.frist_td')[p]).attr('id','col_'+headNub[p]);
                $($('#event_table thead td').not('.frist_td')[p]).html(headNub[p]);
                $($('#event_table thead td').not('.frist_td')[p]).css('text-align','center');
            };
        };
        $("#event_table tbody").mousedown(event_divFn);
        $('#addrow').click(function(){                                            //插入行
            tdHtml = '';
            for (var j = 0; j < $($('#event_table tr')[rowindex]).children().length; j++) {
                tdHtml+='<td style="text-align:left;">add</td>'
            };
            $($('#event_table tr')[rowindex]).after('<tr>'+tdHtml+'</td>');
            autoFn();
            $('#event_div').css('display','none');
        });
        $('#addcol').click(function(){                                            //插入列
            for (var i = 0; i < $('#event_table tr').length; i++) {
                $($($('#event_table tr')[i]).children()[celindex]).after('<td style="text-align:left;">add</td>');
            };
            autoFn();
            $('#event_div').css('display','none');
        });
        $('#delrow').click(function(){                                            //删除行
            $($('#event_table tr')[rowindex]).remove();
            autoFn();
            $('#event_div').css('display','none');
        });
        $('#delcol').click(function(){                                            //删除列
            for (var i = 0; i < $('#event_table tr').length; i++) {
                $($($('#event_table tr')[i]).children()[celindex]).remove();
            };
            autoFn();
            $('#event_div').css('display','none');
        });