Question

我正在使用模板Gentelella Alela，但似乎有一个小问题。我使用table来显示database table的产品。每个row都有一个button来加载新的page来修改该特定产品。

这是正常的，但是当我按下button时。 row中的table消失了（当我返回页面时，row恢复正常）。我已经将问题缩小为<i>标记，因为当我删除button并保留<i>时，行就会消失。

我不确定如何解决这个问题，有没有人有任何建议？我尚未向模板添加任何自定义scripts或css。这是table上的当前代码。如果需要其他任何东西，我会尽力帮助。

<table id="datatable-buttons" class="table table-striped table-bordered">
  <thead>
    <tr>
      <th>SKU</th>
      <th>Product Description</th>
      <th>Alternative Code (Barcode)</th>
      <th>#Edit</th>
    </tr>
  </thead>

  <tbody>
    <?php foreach ($products as $product): ?>
      <tr>
        <th scope="row"><?php echo $product->ProdCode; ?></th>
        <td><?php echo $product->Description; ?></td>
        <td><?php echo $product->AlternativeCode; ?></td>
        <td>
          <form id="view_product_form" class="form-horizontal form-label-left" method="post" action="<?php echo base_url('main/view_product')?>" novalidate>
            <input type="hidden" name="sku" class="form-control col-md-7 col-xs-12" value="<?php echo $product->ProdCode;?>">
            <center><button type="submit" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i></button></center>
          </form>
        </td>
      </tr>
    <?php endforeach; ?>
  </tbody>
</table>

<i>制作表格行的按钮消失

0 个答案: