将一行单元格拆分为多行
Split a row of cells into multiple rows
我从ajax调用请求了一些json数据,并将所有数据插入到表中。现在,正如下面的代码,所有的数据都在一行单元格中,是否有一种方法可以循环遍历表并将其分成多行,每行包含4个单元格?
<div id="gallery">
<table id="galleryTable"><tr></tr></table>
</div>
$.ajax({
type: "GET",
dataType: "jsonp",
cache: false,
url: linkurl,
success: function(data){
paginate = data.pagination.next_url;
var nextMaxId = data.pagination.next_max_id;
console.log(nextMaxId);
for(var i=0; i<15; i++){
var instaPics = data.data[i].images.low_resolution.url;
var avatar = data.data[i].user.profile_picture;
var like = data.data[i].likes.count;
var comment = data.data[i].comments.count;
console.log(comment);
$(#galleryTable tr').append('<td><img class="tagPics" src="'+instaPics+'"><a>'+like+"likes"
+'</a><img class="avatar" src="'+avatar+'" height="20" width="20" /><a>'+comment+'</a></img></td>');
};
}
});
$.ajax({
type: "GET",
dataType: "jsonp",
cache: false,
url: linkurl,
success: function(data){
paginate = data.pagination.next_url;
var nextMaxId = data.pagination.next_max_id;
console.log(nextMaxId);
var tr;
for(var i=0; i<15; i++){
var instaPics = data.data[i].images.low_resolution.url;
var avatar = data.data[i].user.profile_picture;
var like = data.data[i].likes.count;
var comment = data.data[i].comments.count;
console.log(comment);
if(i % 4 === 0){
tr = $('<tr></tr>');
$('#galleryTable').append(tr);
}
tr.append('<td><img class="tagPics" src="'+instaPics+'"><a>'+like+"likes"
+'</a><img class="avatar" src="'+avatar+'" height="20" width="20" /><a>'+comment+'</a></img></td>');
};
}
});
模(%)是你的朋友!这应该可以让你开始…
var row = '';
for(var i=0; i<15; i++) {
// ...
if( i > 0 && i % 4 == 0 ) {
$('#galleryTable tr').append(row);
row = '';
}
row += '<td> ...';
}
$('#galleryTable tr').append(row);
相关文章:
- 使用jquery在单击时在单元格中输入值
- CSS-若窗口太小,滚动条会出现在“表格”单元格上
- 可以'我不明白为什么;t将行和单元格添加到表中
- 如何在Angular中的表的所有单元格中添加链接
- 表中单元格的总和
- ExtJS网格单元格编辑器,防止焦点松动问题
- 有没有一种方法可以仅使用HTML/CSS来隐藏基于特定值的数据单元格
- 区分电子表格中的空单元格和0值
- ui网格将单元格显示为选择标记
- 单元格的工具提示或标题不显示超过2000个字符
- ui网格日期单元格过滤器,过滤日期格式导致显示错误的日期
- 允许表单元格内容水平展开
- 如何将jQuery/AAJAX结果放入表格单元格
- 使用jQuery只返回选中复选框后的第一个表单元格值
- jQuery-通过AJAX调用动态添加具有值的表单元格
- 需要将单元格值复制到html表中的其他单元格中
- 从Javascript中选定的行中获取特定单元格的值
- 使用regexp拆分表行并重新编号每个单元格
- 拆分(分解)合并的表格单元格在谷歌电子表格与应用程序脚本
- 将一行单元格拆分为多行