Javascript 如何动态地将元素添加到表中间的网页中

我有一个具有客户搜索功能的管理网页。我键入名称，然后使用ajax将匹配客户的表（以及每个客户有限的相关数据）注入到页面中。我希望能够点击一个客户（一行）并显示客户的个人资料。配置文件可以包括多个元素、表单、按钮和复杂功能

我不希望将此配置文件放在单独的页面上或其他地方，而是希望将其直接插入我单击的位置（在客户行下方），然后在完成后关闭

我曾尝试将这些元素添加到DOM中，但标记之间的任何内容都作为表的一部分（全部压缩到一个单元格中）。我应该先把桌子分开吗？还是一开始就不用桌子

---

我正在寻找一个健壮的解决方案，因为我需要在站点的其他部分也像这样“插入模块”。

如果您希望数据以内联方式显示（向下推其他内容）
我会在与您的客户的一个之后添加第二个

，或者将其替换为一个

其

colspan

设置为填充表格的宽度。然后，当不再需要该行时，您可以删除该行或显示：无

---

如果您希望数据显示为覆盖（覆盖其他内容）
我将使用JavaScript确定行中第一个TD的屏幕坐标，并将绝对定位的div覆盖在该位置。（这类似于内容丰富的“工具提示”。）

---

如果用户有理由希望将“配置文件”中的数据与屏幕上其他客户的数据进行比较，我个人会使用第一种方法。如果不是这样的话，我会使用第二种解决方案，以尽量减少页面内容的变化（从而用户保持面向对象）。

我去年也做了类似的实现

与其他人的建议相反，我认为添加行不是一个好主意。原因是您希望使用来处理用户单击，添加行将搞乱或至少使您的实现复杂化

---

我的选择是在现有客户行中插入一个表。覆盖或工具提示将提供更清晰的实现，但仅当您一次只需要扩展一个客户时才起作用

两种方法：一种是在每一行之后创建不可见的行，另一种是动态添加新行并将用户inf放在那里。第一种方法听起来更好。我不会迷失方向，因为这个客户上面的一切都保持静止。事实是，然而，客户资料包括很多。。。几乎足以成为它自己的页面。例如，它本身将有几个表。将多个表放在一个表中，这仍然有效吗？我更喜欢选项2（覆盖或工具提示），因为需要大量的空间。此外，插入其他行可能是一个问题，因为表中有与每行相关联的事件（单击）。@VoltzRoad是的，您可以在表单元格中嵌套任意内容，包括（）其他表。