Javascript 显示空行的引导表
我创建了这个引导表,该表正在填充.PHP文件中的数据,但是我无法使格式看起来正确,请参见以下内容: 该表在底部添加了大量额外的行,并表示它们下面的表中没有可用的数据 有人能告诉我怎么解决这个问题吗 HTML: PHP:Javascript 显示空行的引导表,javascript,php,html,css,bootstrap-table,Javascript,Php,Html,Css,Bootstrap Table,我创建了这个引导表,该表正在填充.PHP文件中的数据,但是我无法使格式看起来正确,请参见以下内容: 该表在底部添加了大量额外的行,并表示它们下面的表中没有可用的数据 有人能告诉我怎么解决这个问题吗 HTML: PHP: 尝试将结果放在thead和tfoot之间,然后将结果放在tbodyreplace$'entrieslist tfoot:last'。afterresult;使用$'entrieslist tbody'.htmlresult 将表结构更改为 <table> &l
尝试将结果放在thead和tfoot之间,然后将结果放在tbodyreplace$'entrieslist tfoot:last'。afterresult;使用$'entrieslist tbody'.htmlresult 将表结构更改为
<table>
<thead></thead>
<tbody></tbody>
<tfoot></tfoot>
</table>
你好,马克,谢谢你的回复,出于某些原因,该页面现在看起来像这样:。数据只显示在表格结果的最后一页,如果你将其与原始屏幕截图进行比较,也会使表格看起来很块状。谢谢你迄今为止的帮助!嗨,Av,谢谢你的回复,我尝试了你的解决方案,它做的事情和Mark的一样,请参见下面的评论和屏幕截图:。数据仅显示在最后一页。谢谢你迄今为止的帮助!首先删除表内容$entrieslist tbody.html;我替换了$'entrieslist tbody'.htmlresult;使用$entrieslist tbody.html;这就是我假设你要我做的,这返回了一个空白表,没有结果对不起,$entrieslist tbody.html;发送Ajax之前,感谢您的帮助!您的解决方案确实有效-我的SQL表中有大量空行,每次加载页面时都会运行另一个.php文件,并在其中输入一个空行。。。
// Cell spacing for log entry table
document.getElementById("entrieslist").style.borderSpacing = "10px";
// Populates log entry table
$.ajax({
type: "post",
url: "ajax/ajax-process-log-entry.php",
success: function(result){
$('#entrieslist tfoot:last').after(result);
$('#box-loading').hide();
$("#entrieslist").dataTable();
}
});
// List existing server log entries
$stmt = $db->prepare("SELECT * FROM [ralanet].[dbo].[server_log_entries] (nolock)");
$stmt->execute();
$lines = $stmt->fetchAll(PDO::FETCH_ASSOC);
$counter = 0;
foreach( $lines as $row) {
echo '<tr>';
echo '
<td>'.$row['date_time'].'</td>
<td>'.$row['server_name'].'</td>
<td>'.$row['carried_out_by'].'</td>
<td>'.$row['verified_by'].'</td>
<td>'.$row['authorised_by'].'</td>
<td>'.$row['work_carried_out'].'</td>
<td>'.$row['work_verified'].'</td>
<td>'.$row['change_reason'].'</td>
<td>'.$row['perceived_impact'].'</td>
<td>'.$row['rollback_process'].'</td>
';
echo '</tr>';}
$counter++;
$db = null;
<table>
<thead></thead>
<tbody></tbody>
<tfoot></tfoot>
</table>
$.ajax({
type: "post",
url: "ajax/ajax-process-log-entry.php",
success: function(result){
$('#entrieslist tbody').html(result);
$('#box-loading').hide();
$("#entrieslist").dataTable();
}
});