JavaScript：一维数组动态生成N行N列table表格

表格数据展示算法

最新推荐文章于 2024-06-12 19:54:30 发布

wblearn

最新推荐文章于 2024-06-12 19:54:30 发布

阅读量3.4k

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript lines

本文链接：https://blog.youkuaiyun.com/wudalang_gd/article/details/53410790

本文介绍了一种用于将大量数据以表格形式展示的算法实现。该算法通过计算每页显示的行数并合理分配数据，确保了良好的用户体验。适用于前端开发中数据展示的需求。

                    
                        
                    
                    
        var lines=Math.ceil(data.data.length/5);//显示行数
                for(var j=0;j<lines;j++){//遍历表格行
                    var props = "" ;
                    props +="<tr>";
                    for(var k=0;k<5;k++){//遍历表格列
                    props +="<td>";
                    var p = k+j*5;
                    if(typeof data.data[p]=="undefined"){
                            props+="&nbsp";
                        }else{
                            props+="<a href='#' onclick='clientswbl(\""+data.data[p].名称+"\",\""+data.data[p].url+"\")'>"+data.data[p].名称+"</a>";
                        }  
                    props +="</td>";    
                    };
                    props +="</tr>";
                    $('#swblbd').append(props);
                };


                