html 我期望我的table对齐方式会自动放置,但事实并非如此

ttisahbt  于 2023-03-11  发布在  其他
关注(0)|答案(1)|浏览(84)

我正在尝试创建一个HTML表格,它会发送一个表格给我。但是,我对格式不是很熟悉,它导致我有一些对齐问题。有人能帮助我如何使结构工作吗?
这是Image时刻的输出
我不知道如何调整它。
谢谢!
我期望我的table对齐方式会自动放置,但事实并非如此
代码:

SET @tableHTML =  
    N'<H1>Anaplan Summary Report </H1>' +  
    N'<table border="1">' +  
    N'<tr>' +
    N'<th width="20%">Date</th>' +  
    N'<th width="20%""><font color="black">Interface Name</font></th>' +
    N'<th width="20%"><font color="black">Successful</font></th>' +  
    N'<th width="20%"><font color="red">No of Failed Process</font></th>' +  
    N'<th width="20%"><font color="red">Process not triggered</font></th>' + 
    N'</tr>' +  
    'Anaplan'+'  '+CAST  ((SELECT   CONVERT(DATE, GETDATE(), 101)  FOR XML PATH('tr'), TYPE )
    AS NVARCHAR(MAX)  )
                +'  '+ CAST( @total_record_count AS varchar)+ '  '+ 
    CAST(@total_pass_count AS varchar)+
    N'</table>'
xeufq47z

xeufq47z1#

蔡瑞奇,你可以张贴的HTML表代码,你正在使用?
我有一些类似的代码,我正在使用Bootstrap 5,可能会帮助你。它使用PHP后端和PDO从MySQL数据库中的Contact表返回条目。include_once指向包含到数据库信息的PDO连接的.php文件。我把我的include放在我的webroot目录之外。

<?php
include_once('../../includes/PDO-Connect.php');

echo('<div class="offset-md-1 col-md-10"><table class="table caption-top table-bordered border-primary">
<caption class="h4 text-center">Contact Us Submissions</caption>
<colgroup>
  <col class="text-center sqltbl1">
  <col class="text-center sqltbl1">
  <col class="text-center">
  <col class="text-center sqltbl2">
  <col class="text-center">
</colgroup>
<tr>
    <th>First Name</th>
    <th>Last Name</th>
    <th>Email</th>
    <th>Phone</th>
    <th>Comment</th>
</tr>');
 $stmt = $pdo->query("SELECT * FROM Contact");
 while ($row = $stmt->fetch()) {
    echo("<tr><td>".$row['FName']."</td><td>".$row['LName']."</td><td>".$row['eMail']."</td><td>".$row['Phone']."</td><td>".$row['Comment']."</td></tr>");   
 }
 ?>
</table></div>

</body>

相关CSS:

.sqltbl1 {
  min-width: 80px;
}

.sqltbl2 {
  min-width: 125px;
}

相关问题