表格文本在动态生成的 <table> 中重叠 - Javascript jquery.quickflip.js答案

【问题标题】：Table text getting overlapped in dynamically generated <table> - Javascript jquery.quickflip.js表格文本在动态生成的 <table> 中重叠 - Javascript jquery.quickflip.js
【发布时间】：2015-01-27 17:48:00
【问题描述】：

大家好，我正在尝试使用在 jquery.quickflip.js 的帮助下生成的选项卡动态生成一个表，问题是当我从一个选项卡切换到另一个选项卡时，有时我注意到文本被值覆盖从上一个标签。下面是我的 for 循环中的一个 sn-p，我用它来生成这个表。请帮忙。

for (var i = 0, len = mydata.length; i < len; i++) {
    if (mydata[i].Apppool != "srvstat_apppool") {
        content += '<tr><td> ' + mydata[i].Pid + ' </td> <td> ' + mydata[i].Apppool + ' </td><td> ' + Math.round(mydata[i].Usage); + ' </td></tr>';
    }
}

【问题讨论】：

我们需要查看更多代码。向我们展示您的 html，以及插入/附加动态数据的代码块

标签： javascript jquery html overlap

【解决方案1】：

我已经检查了插件的 CSS。好像

position: relative;

是导致表格单元格内容重叠的原因，请尝试以下 CSS 覆盖[假设您的表格或单元格具有以下类之一]....

.flipColLeft, .flipColRight, .quickFlipPanel
 {
    position:static;
 }

如果翻转功能受到上述覆盖的影响，请将表格单元格的内容包装在一个 div 中。

希望对你有帮助！

【讨论】：