从表中打开表的Bootstrap模式:布局问题

时间:2014-02-19 08:58:41

标签: php jquery html mysql twitter-bootstrap

通常我会在stackoverflow或其他来源上找到解决方案,但在这种情况下我需要一些帮助。正手赞赏!

我使用bootstrap 2.3.2和php。 我有一个表来自mysql数据库的记录。在表格的最后一列中,您有3个图标,以便您可以查看完整记录,您可以对其进行编辑并将其删除。

我将这些图标链接到引导模式DIV,动态填充记录的id。 因此,对于这3个选项,每行有3个div:

<div id="LookupArtist<?php echo $row['id']; ?>" class="modal hide fade" role="dialog"  aria-hidden="true">

<div id="DeleteArtist<?php echo $row['id']; ?>" class="modal hide fade" role="dialog"  aria-hidden="true">

一切正常,直到我在模态div中使用表... 为了查找完整的记录,我在该模态div中添加了一个动态填充的表。 因为div是在另一个表的单元格内创建的,所以布局被破坏,并且引导模式将不会打开。

我明白我必须使用另一个表外的表创建模态div,但是这个div不会成为循环的一部分,并且不会有一个名为'LookupArtist62'的id。

任何帮助都将不胜感激!!

1 个答案:

答案 0 :(得分:0)

您可以在php循环中构建表格和模态div,然后在之后回显它们......

伪代码中的

<?php
$table = '<table>';
$modals = '';

start loop
  $table .= '<tr><td>your table content</td></tr>';
  $modals .= '<div id="LookupArtist'.$row['id'].' class="modal hide fade" role="dialog"  aria-hidden="true">your modal content</div>';
end loop

$table .= '</table>';

echo $table;
echo $modals;
?>