动态表行在表中溢出
动态表行在表中溢出
提问于 2018-05-22 14:19:43
我使用jQuery创建了一个动态表，并使用JSON从.asp文件中获取数据。
我可以获取所有数据，但是在用数据填充表时，没有滚动条，行也溢出了，所以我看不到它们，也不能单击它们。
有人能帮我完成这项任务吗？
以下是HTML格式的表格：
<table id="errorCodesBodyfh">
<tbody id="tabBodyfh">
</tbody>
</table>下面是我如何填充它：
for (i = json.errorlistcount - 1; i >= 0; i--){
data = json.errorlist[i];
var errsplit = data.split(";");
var row = [];
var errorTime = timeFormat.get(errsplit[0]);
var errorCode = parseInt(errsplit[1]);
var errorDetails = errsplit[2];
if (errorCode < 3000) {
img = imgWarning;
var imgType = typWarning;
} else {
img = imgError;
imgType = typError;
}
row[i] = '<tr id="row' + i +'">'
+ '<td style="width: 10%;"><img '+ img + '></td>'
+ '<td>'+ imgType + ' ' + errorCode + '<br>Time ' + errorTime + '</td>'
+ '<td style="display: none;">' + errorDetails + '</td></tr>';
$('#tabBodyfh').append(row[i]);
}回答 1
Stack Overflow用户
发布于 2018-05-22 14:28:03
不要每次都在这个构建标记的table.Instead中追加一次，就像下面的代码一样，使用+=.Each时间转到dom并追加会导致性能问题。
var html = '';
for (i = json.errorlistcount - 1; i >= 0; i--) {
html += '<tr id="row' + i + '">' +
'<td style="width: 10%;"><img ' + img + '></td>' +
'<td>' + imgType + ' ' + errorCode + '<br>Time ' + errorTime +
'</td>' +
'<td style="display: none;">' + errorDetails + '</td></tr>';
}
$('#tabBodyfh').append(html);用一些div包装你的表格，并尝试使用css，比如this.Or，你可以在你的表格中直接应用css。
<div class="yourtable_container">
<table> </table>
</div>
.yourtable_container{ overflow:auto; width: 500px;height: 200px; }页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50461024
复制相关文章
相似问题
腾讯云开发者
