javascript - 设置表列等长

标签 javascript jquery css

如果我需要这样做,css 会是什么样子。我有一个获取数据和输出行的 javascript 函数。数据匹配(比如第 1 行的第一个元素与第 2 行的第一个元素类型相同,第二个元素与第二个元素相同,等等) 但有时上一行的一个元素会比相应的元素长很多,所以它不会像直列那样下降。我该如何解决这个问题?

        rowIndex=0;
        while(rowIndex<table.length){
            present_row = $("#table").append("<div class='row'></div>");

            itemIndex= 0;                
            while(itemIndex<table[rowIndex].length){
                present_row.append("<div class='tableItem'>"+ table[rowIndex][itemIndex] +"</div>");
                itemIndex+=1;
            }
            rowIndex+=1
        }
    }

这给我的是一组不是

的行

最佳答案

使用真实的表:

    rowIndex=0;
    while(rowIndex < table.length) {
        present_row = $("#table").append("<tr></tr>");

        itemIndex= 0;                
        while(itemIndex < table[rowIndex].length) {
            present_row.append("<td class='tableItem'>"+ table[rowIndex][itemIndex] +"</td>");
            itemIndex+=1;
        }
        rowIndex+=1
    }
}

关于javascript - 设置表列等长,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30356499/

相关文章:

javascript - 如何找出是否有正在监听键盘事件的 Javascript 代码?

javascript - Google map - 根据 map 当前的视点从位置数组中获取值

javascript - 无法在 React.js 中使用 useState 进行渲染

javascript - 带有图像 slider 的 Div 仅在 Safari 中不继承高度

css - 如何使用 CSS 将内容居中放置在 div 中?

javascript - 如何使用正则表达式从字符串中提取所有 24 小时时间?

javascript - 从当前悬停的 LI 开始循环遍历上一个和下一个 LI

jquery - 让 Jekyll 从 {{ content }} 中删除 <p>

css - 如何维护json文件中的字体样式?

css - React Native Android 文本有额外的底部填充