HTML Table 空白单元格补全的实现方法

站长资源 2025-05-16 22:36www.dzhlxh.cnseo优化

随着DIV/CSS时代的到来,Table逐渐被弃用,我也暂时放下了这个算法问题。但在后来的一个项目中,我发现table布局依然有其适用的场景,于是重新思考了这个问题。我用JS动态控制了一个方法,代码如下:

```javascript

// 数据处理函数

this.getValue = function(data){

return data; // 直接返回数据

};

function addTr(item, i, arr){

var html = '' + this.getValue(item) + ''; // 创建单元格HTML代码片段

html = '' + html;

} else if((i + 1) % this.cols === 0 && i !== 0){ // 如果行数达到列数限制且不是第一行,添加换行符并开启新行

html += '';

html += '';

}

this.htmls.push(html); // 将HTML代码片段添加到数组中

}

function createTable(html){

}

```

```jsp

<% String tds = ""; int maxTds = 9; %>

<% List list = (List)request.getAttribute("list"); %>

<% for(int i = 0; i < (maxTds - list.size()); i++ ) { %>

<% tds += ""; %>

<% } %>

<% request.setAttribute("tds", tds); %>

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板