tabler-ui
Version:
Premium and Open Source dashboard template with responsive and high quality UI. For Free!
43 lines (42 loc) • 1.46 kB
HTML
<div class="card">
<div class="card-header">
<h3 class="card-title">Partial Table</h3>
</div>
<div class="card-body">
<table class="table table-striped table-vcenter">
<thead>
<tr>
<th class="text-center" style="width: 1%"> </th>
<th>Name</th>
<th class="d-none d-sm-table-cell" style="width: 40%">Email</th>
<th class="d-none d-md-table-cell" style="width: 1%">Access</th>
<th class="text-center" style="width: 1%">Actions</th>
</tr>
</thead>
<tbody>
{% for user in site.data.users limit: 10 %}
<tr>
<td class="text-center">
<span class="avatar avatar-md d-block" style="background-image: url({{ user.photo }})"></span>
</td>
<td class="font-weight-bold">{{ user.name }} {{ user.surname }}</td>
<td class="d-none d-sm-table-cell">{{ user.email }}</td>
<td class="d-none d-md-table-cell">
<span class="badge badge-info">Business</span>
</td>
<td class="text-center">
<div class="btn-group">
<button type="button" class="btn btn-sm btn-secondary js-tooltip-enabled" data-toggle="tooltip" title="" data-original-title="Edit">
<i class="fa fa-pencil"></i>
</button>
<button type="button" class="btn btn-sm btn-secondary js-tooltip-enabled" data-toggle="tooltip" title="" data-original-title="Delete">
<i class="fa fa-times"></i>
</button>
</div>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>