Maison > Questions et réponses > le corps du texte
Supposons qu'il y ait 10 objets json de td et que la valeur de l'attribut colspan de td soit 1-3. Nous devons maintenant les transformer en td et les mettre dans tr. Lorsque le colspan de td est de 1, mettez 3 td dans tr, et le colspan est 2. Quand, mets deux tds en tr. Quand le colspan est 3, mets 3 tds en tr. Comment faire ?
PHPz2017-05-16 13:46:37
<tr ng-if="$scope.colspan === 1">
<td></td>
<td></td>
<td></td>
</tr>
<tr ng-if="$scope.colspan === 2">
<td></td>
<td></td>
</tr>
<tr ng-if="$scope.colspan === 3">
<td></td>
<td></td>
<td></td>
</tr>
Résolu avec angulaire>ng-if
仅有的幸福2017-05-16 13:46:37
Devinez ce que vous pensez. .
var json = [{
colspan: 1,
title: 1
}, {
colspan: 2,
title: 2
}, {
colspan: 3,
title: 3
}]
document.body.innerHTML = '<table>'+ generateTr(json) +'</table>'
function generateTr(json) {
var tr = []
for (var i = 0, l = json.length; i < l; i++) {
var item = json[i],
tds = []
for (var j = 0, k = Math.ceil(3 / item.colspan); j < k; j++) {
tds.push('<td' + (j == 0 ? ' colspan="' + item.colspan+'"' : '') + '>' + item.title + '</td>')
}
tr.push('<tr>' + tds.join('') + '</tr>')
}
return tr.join('')
}