父层:
<div class="col-xs-12">
<div class="box">
<div class="box-header">
<h3 class="box-title">主机监控列表</h3>
</div>
<!-- /.box-header -->
<div class="box-body" style="overflow: auto">
<table id="example2" class="table table-bordered table-hover">
<thead>
<tr>
<th>ID</th>
<th>标签</th>
<th>IP地址</th>
<th>主机名</th>
<th>监控用户名</th>
<th>主机通断告警</th>
<th>CPU使用率告警</th>
<th>内存使用率告警</th>
<th>磁盘使用率告警</th>
<th style="width: 10px"></th>
<th style="width: 10px"></th>
</tr>
</thead>
{% for linux_server in linuxs_servers %}
<tr>
<td>{
{ forloop.counter }} </td>
<td>{
{ linux_server.tags}} </td>
<td>{
{ linux_server.host}} </td>
<td>{
{ linux_server.host_name}} </td>
<td>{
{ linux_server.user}} </td>
<td align="center">{
{ linux_server.connect_cn}} </td>
<td align="center">{
{ linux_server.cpu_cn }} </td>
<td align="center">{
{ linux_server.mem_cn }} </td>
<td align="center">{
{ linux_server.disk_cn }} </td>
<td>
<div class="box-tools pull-right">
<a href="#">
<button type="button" class="btn btn-default btn-sm" onclick="return pop(this.value)" value="{
{ linux_server.id }}"><i class="fa fa-edit"></i></button></a>
</div>
</td>
<td>
<div class="box-tools pull-right">
<a href="/linux_servers_del?id={
{ linux_server.id }}">
<button type="button" class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button></a>
</div>
</td>
</tr>
{% endfor %}
</table>
</div>
<div class="box-footer clearfix">
<span class="step-links">
{% if linuxs_servers.has_previous %}
<a href="?page_linux={
{ linuxs_servers.previous_page_number }}">上一页</a>
{% endif %}
<span class="current">
当前页{
{ linuxs_servers.number }} 共计{
{ linuxs_servers.paginator.num_pages }}
</span>
{% if lin