鍍金池/ 問答/PHP  HTML/ 單列數(shù)據(jù)用表格顯示

單列數(shù)據(jù)用表格顯示

圖片描述

圖片描述

圖片描述

請教大神，在前端顯示成圖3的效果，后臺(tái)數(shù)據(jù)的數(shù)量是亂的，最多可能有80條，還要有提交數(shù)據(jù)的功能，請問代碼要如何寫？

回答
編輯回答
瘋子范

var trs = '<tr>';

    for(var i=0;i<80;i++){
        if(i==9 || i==19 || i==29 || i==39 || i==49 || i==59 || i==69){
            if(i<d.mxs.length){
                trs += '<td style="padding: 0px;"><input type="text" name="data['+i+'][zl]" value="'+d.mxs[i]['zl']+'" class="layui-input" autocomplete="off"></td></tr><tr>';
            }else{
                trs += '<td style="padding: 0px;"><input type="text" name="data['+i+'][zl]" class="layui-input" autocomplete="off"></td></tr><tr>';
            }          
        }else{
            if(i<d.mxs.length){
                trs += '<td style="padding: 0px;"><input type="text" name="data['+i+'][zl]" value="'+d.mxs[i]['zl']+'" class="layui-input" autocomplete="off"></td>';
            }else{
               trs += '<td style="padding: 0px;"><input type="text" name="data['+i+'][zl]]" class="layui-input" autocomplete="off"></td>'; 
            }
            
        }
                   
    }
    trs += '</tr>';$('#goodsKc-form-table tbody').append(trs);

d.mxs 為后臺(tái)返回的數(shù)據(jù)

2018年7月2日 13:58
編輯回答
舊螢火

簡單看下問題，要的效果是把數(shù)據(jù)庫的四條記錄，放到table中。
那么肯定是可以拿到這四條記錄的list的，假如是List<T> list。
下面，把list傳到前臺(tái)，然后循環(huán)遍歷就可以了。

var html = '<tr>';
for(var i = 0,i<list.length;i++)
{
    html += '<td>"list[i].zi"</td>';
}
html += '</tr>';

這個(gè)問題關(guān)鍵在于，有多少行和列。所以，搞清楚有多少tr和td就可以了。

2018年7月24日 23:49