jquery动态增加表格行或者列的例子

作者:袖梨 2022-06-25


分享一下代码吧!

html

js操作如下:

 deleteLie: function () { //删除一列
            var index = $(this).parent().index();
            for (var i = 0; i < $(".table tr").length; i++) {
                $($(".table tr")[i]).children().eq(index).remove();
            }
            if ($(".table tr").length == 1 && $(".table tr").eq(0).children().length == 1) {
                $("#Bk_table").hide();
                $(".blankShow").show();
            }
        },
        deleteOneline: function () { //删除一行
            $(this).parent().parent().remove();
            if ($(".table tr").length == 1 && $(".table tr").eq(0).children().length == 1) {
                $("#Bk_table").hide();
                $(".blankShow").show();
            }
        },
        addOneBk: function () { //增加一列
            if ($("#Bk_table").is(":hidden")) {
                $("#Bk_table").show();
            }
            if ($(".blankShow").is(":visible")) {
                $(".blankShow").hide();
            }
            var firstLie = ' ' +
                    '' +
                    '';
            $(".table>thead>tr").eq(0).append(firstLie);
            var otherLie = '                     'onkeyup="if(isNaN(value)||parseFloat(value)>5||parseFloat(value)<1)execCommand('undo')"' +
                    'onafterpaste="if(isNaN(value)||parseFloat(value)>5||parseFloat(value)<1)execCommand('undo')" />';
            $(".table>tbody>tr").append(otherLie);
        },
        addWd: function () { //增加一行
            if ($("#Bk_table").is(":hidden")) {
                $("#Bk_table").show();
            }
            if ($(".blankShow").is(":visible")) {
                $(".blankShow").hide();
            }
            var Wdhtml_1 = '' +
                    ' ' +
                    '' +
                    '' +
                    '' +
                    '';
            var Wdhtml_2 = "";
            var LieLength = $(".table>thead>tr").children().length - 1;
            if (LieLength > 0) {
                for (var i = 0; i < LieLength; i++) {
                    Wdhtml_2 = Wdhtml_2 + ' ';
                }
            }
            var Wdhtml_3 = '';
            var allWd = Wdhtml_1 + Wdhtml_2 + Wdhtml_3;
            $(".table>tbody").append(allWd);
}
以上贴出的是部分代码,有问题可以交流!

相关文章

精彩推荐