jquery动态添加List内容的Table，通过append

最新推荐文章于 2024-07-26 03:30:29 发布

ai_feng123

最新推荐文章于 2024-07-26 03:30:29 发布

阅读量3.6k

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/ai_feng123/article/details/81353214

版权

HTML 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

function ShowIssueTable(lst) {//lst为List数据集合
        $('#QuestionList').html("");//现将<div>内容清空
        var $trTitle1 = $("<tr style='border:solid black 1px;border-collapse:collapse'></tr>");
        $trTitle1.append("<td style='text-align:center;width:60px;border:solid black 1px;border-collapse:collapse'>机种</td>");
        $trTitle1.append("<td style='text-align:center;width:300px;border:solid black 1px;border-collapse:collapse'> 原因</td>");
        $trTitle1.append("<td style='text-align:center;width:300px;border:solid black 1px;border-collapse:collapse'> 对策</td>");
        $trTitle1.appendTo("#QuestionList'");//将表头内容添加到QuestionList中
        var reg = new RegExp("\r\n", "g");//g,表示全部替换
        for (var count = 0; count < lst.length; count++) {//循环添加行内容
            lst[count].Action = lst[count].Action.replace(reg, "<br/>")//换行替换
            var $trData = $("<tr style='border:solid black 1px;border-collapse:collapse'></tr>");
            $trData.append("<td style='text-align:left;border:solid black 1px;border-collapse:collapse;font-size:12px'>" + lst[count].Model + "</td>");
            $trData.append("<td style='text-align:left;border:solid black 1px;border-collapse:collapse;font-size:12px'>" + lst[count].RootCause + "</td>");
            $trData.append("<td style='text-align:left;border:solid black 1px;border-collapse:collapse;font-size:12px'>" + lst[count].Action + "</td>");
            $trData.appendTo("#QuestionList'");//将行内容添加到QuestionList中
        }
    }