我想在 html 表格和中心显示图像。如何做到这一点?该图像只是一个进度条。因此,此图像在加载时将出现在 html 表格上。我在下面尝试过这样的操作,但它没有出现在 html 表格和表格的中心。
<div style="overflow: auto;height: 400px">
<table id ="tbl" style="width: 100%;background-image: url(img/busyIndicator.gif);background-repeat: no-repeat;background-position: center" >
<colgroup>
<col style="width: 30px"/>
<col style="width: 10px"/>
<col style="width: 1px" />
<col style="width: 80px"/>
<col/>
</colgroup>
<script id="Template" type="text/x-jquery-tmpl">
<tr >
<td>${Id}</td>
<td>${Age}</td>
<td></td>
<td>${Name}</td>
</tr>
</script>
<tbody id="List">
</tbody>
</table>
</div>
希望它能澄清我的问题。如果您需要更多信息,请告诉我。
更新1
我现在在桌子上添加了图像而不是 td 但仍然没有出现
Update2 我正在通过 ajax 调用将数据加载到我的 jquery 模板中。不确定是否需要显示我的 ajax 调用代码。所以图像应该在数据加载时出现,并且在完成加载后应该消失