<table class="table table-bordered">
{% for usr in surs %}
<tr>
<td>{{ usr.id }}</td>
<td>{{ usr.name }}</td>
<td>{{ usr.birth }}</td>
<td>
<button class="pear-btn pear-btn-primary pear-btn-xs" data-toggle="modal" data-target="#myModal">詳情</button>
<div class="modal fade" id="myModal" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">詳細資訊</h4>
</div>
<div class="modal-body" >
<table class="table table-bordered" style="margin-top:40px">
<tr>
<td>ID</td>
<td>{{ usr.id }}</td>
</tr>
<tr>
<td>name</td>
<td>{{ usr.name }}</td>
</tr>
<tr>
<td>birth</td>
<td>{{ usr.birth }}</td>
</tr>
<tr>
<td>nickname</td>
<td>{{ usr.nuckname }}</td>
</tr>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">關閉</button>
</div>
</div>
</div>
</div>
</td>
</tr>
{% endfor %}
uj5u.com熱心網友回復：
問題詳細描述一下，代碼粘貼全點轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/284535.html
標籤：HTML(CSS)