javascript - 没有数据时如何重新设计表格

标签 javascript css html-table

我有一个表格,其中显示了数据库中的一些数据。我想要一些 <td> 中是否没有数据,下一行的列,显示在它的位置。这就是我的意思: 如果我有这种表:

当没有数据时,例如 $data['created_at'] , 应该显示 $data['due_date']在它的地方。 我怎么能那样做?

<table>
  <tr>
    <td colspan="3">
    <?php if(!empty($data['created_at'])){ ?>
       <strong><?php echo "Created Date:";?>:</strong> <?php echo $data['created_at']; ?>
    <?php } ?>
   </td>
    
    <td colspan="3">
    <?php if(!empty($data['username'])){ ?>
       <strong><?php echo "Username:";?>:</strong> <?php echo $data['username']; ?>
    <?php } ?>
   </td>
  </tr>
  
    <tr>
    <td colspan="3">
    <?php if(!empty($data['due_date'])){ ?>
       <strong><?php echo "Date delivery:";?>:</strong> <?php echo $data['due_date']; ?>
    <?php } ?>
   </td>
    
    <td colspan="3">
    <?php if(!empty($data['copmany'])){ ?>
       <strong><?php echo "Company:";?>:</strong> <?php echo $data['copmany']; ?>
    <?php } ?>
   </td>
  </tr>
  
  </table>
 

最佳答案

如果结果为空,您是否只想省略一行?只需更改 if 语句的位置以包含 td

<table>
  <tr>
    <?php if(!empty($data['created_at'])){ ?>
    <td colspan="3">
       <strong><?php echo "Created Date:";?>:</strong> <?php echo $data['created_at']; ?>    
   </td>
    <?php } ?>
    
    
    <?php if(!empty($data['username'])){ ?>
    <td colspan="3">
       <strong><?php echo "Username:";?>:</strong> <?php echo $data['username']; ?>
         </td>
    <?php } ?>

  </tr>
  
    <tr>
 
    <?php if(!empty($data['due_date'])){ ?>
         <td colspan="3">
       <strong><?php echo "Date delivery:";?>:</strong> <?php echo $data['due_date']; ?>
     </td>
           <?php } ?>

    
    
    <?php if(!empty($data['copmany'])){ ?>
      <td colspan="3">
       <strong><?php echo "Company:";?>:</strong> <?php echo $data['copmany']; ?>
    </td>
        <?php } ?>
   
  </tr>
  
  </table>

关于javascript - 没有数据时如何重新设计表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32318673/

相关文章:

javascript - 使用 ChartJS 为单个条设置背景颜色?

javascript - 在 javascript 中读取资源文件条目 - MVC 应用程序

CSS column-count 列的高度不同

html - Visual Studio 中样式表的相对路径在预览中不起作用

html - 我无法让我的 table 响应

html - 如何使大表响应

javascript - 使用 Javascript 创建签名的 S3 URL

css - 无法使用 actioncolumn 和 iconCls 从字体库呈现图标

jquery - HTML 表格单元格在应占用完整单元格高度的插槽中拆分

javascript - 通过 Java 脚本访问 Magento Admin Grid 的对象