Javascript 由于JS排序，Div定位失败和样式错误

我有一张展示产品的桌子。该表由mysqli_fetch_数组（$var）创建

比如：

产品名称产品编号价格

对于产品的细节，在第一个tr之后会发生一个div（对于xmlhttp），如下所示：

问题1:为了便于查看，我使用了
tr:nth类型（偶数）
为
上色，但由于div位于tr内，因此表都是白色的。但Div部分应始终为白色

是否有类似“不影响此tr”的命令

问题2
由于我在表中使用asc/desc排序，因此带有div的
被排序到顶部/底部。这是非常错误的，带有div的
应该始终正确！直接在产品下方显示详细信息

如何解决这个问题

为了展示我的努力，我做了一把小提琴


我也愿意用另一种完全不同的方法来解决这个问题
为什么这是一个PHP问题，因为没有显示PHP代码，PHP在解决您的问题时不会受到影响。为了尽量提供帮助，我建议不要将div和tables混用。使用div/span和适当的样式使其成为tablic，或者使用纯表（tr、td等…）php用于获取数据。。。但由于xmlhttp，我必须使用div，它只能设置为div（.innerhtml=xmlhttp.responseText；）。由于固定的布局，它必须在表中。仅使用div和span，您可以实现与所显示的表相同的外观：）但排序也可以吗？如何进行实时排序？没有刷新什么的？我不明白问题2。单击表外以显示详细信息，那么详细信息应显示在哪个产品下？