如何向ASP.NET的html table控件循环插入数据

怎么向ASP.NET的html table控件循环插入数据

                <table class="datatable">
                            <thead>
                                <tr>
                                    <th>ERC</th>
                                    <th>Length</th>
                                    <th>Occur time</th>
                                    <th>Detall</th>
                                    <th>Status</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="gradeX">
                                    <td>--</td>
                                    <td>--</td>
                                    <td>--</td>
                                    <td class="center">--</td>
                                    <td class="center">Y</td>
                                </tr>                         
                            </tbody>
                   </table>

如上面所示,talbe控件不是服务器控件,怎么向td循环插入数据(意思就是循环5次前台就显示5列5行,循环10次就显示5列10行)
刚学很多都不明白,最好能有详细点的代码或是类似问题的链连
------解决思路----------------------
代码找不到了,有一个思路,你可以参考一下。
写一个table设置隐藏,当做模板,然后在success中,获取这个隐藏的table html代码,然后往里插入数据,拼好html字符串后,
append到你上面的那个table中
------解决思路----------------------
string abc = "<table class=\"datatable\"><thead><tr><th>ERC</th>...这里继续加...</thead>";
            while (sdr.Read())
            {
                //这里根据条件写入数据
                abc += "<tbody><tr class=\"gradeX\"><td>--</td>...这里继续加...";
                
            }
            sdr.Close(); sdr.Dispose();
            abc += "</table>";
------解决思路----------------------
或者上面的方法只要传入一个josn数据,然后根据该数据来判断需要生成的行、列数。
------解决思路----------------------
使用js更好,先用ajax获取后台数据,然后在js中循环拼接table。

$.ajax({
        type: "POST",
        url: 'Ashx.ashx',      //提交到一般处理程序请求数据  
        data:参数,
        success: BindData
    });
function BindData(data){
       //data一般都是json数据,先转成json对象
       var obj = JSON.parse(data);
       var html='';
        html += '<table id="lefttable" >';
       html += '<tr><th>状态</th><th>姓名</th><th>人员编码</th></tr>';
    for (var i = 0; i < obj.length; i++) {
        var dataobj = obj[i];
        html += '<tr><td><td>' + GetStatus(dataobj.Status) + '</td><td>' + dataobj.Name + '</td><td>' + dataobj.ID+ '</td></tr>';
    }
    html += '</table>';
}