我有这个对象
var data = [
{
"cedula": "v-12334445",
"nombres": "ALECIO NORBES EDUARDO RAMON",
"id_school": "5"
},
{
"cedula": "v-17322147",
"nombres": "RAMIREZ CARRERO JOSE GERONIMO",
"id_school": "1"
}
];
我正在使用jQuery模板将这些数据呈现给表格,我将表格模板变成了这样的var:
var reset_config_form = "<div>\
<table id='reset_user_template' class='table table-bordered'>\
<thead>\
<tr>\
<th><a>cédula</a></th>\
<th><a>nombres</a></th>\
<th><a>escuela</a></th>\
<th><a>acciones</a></th>\
</tr>\
</thead>\
<tbody>\
</tbody>\
</table>\
</div>";
行模板如下:
var reset_config_form_rows = "<tr>\
{{each d}}\
<td>${cedula}</td>\
<td>${nombres}</td>\
<td>${id_school}</td>\
<td id='acciones'></td>\
{{/each}}\
</tr>";
为了渲染我正在使用以下内容呈现模板的数据:
$(reset_config_form_rows).tmpl(d).appendTo('#reset_user_template');
我将数据放在一行,每一行都不起作用。
生成的html
答案 0 :(得分:0)
这是因为你的循环在你的TD
而不是你的TR
附近。这就是为什么你看到你的列重复。
试试这个
var reset_config_form_rows = "{{each d}}\
<tr>\
<td>${cedula}</td>\
<td>${nombres}</td>\
<td>${id_school}</td>\
<td id='acciones'></td>\
</tr>\
{{/each}}";