css django-tables2(https://github.com/bradleyayers/django-tables2)的bootstrap模板,目前依赖于django-bootstrap
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css django-tables2(https://github.com/bradleyayers/django-tables2)的bootstrap模板,目前依赖于django-bootstrap相关的知识,希望对你有一定的参考价值。
{% load querystring from django_tables2 %}
{% load trans blocktrans from i18n %}
{% load bootstrap_toolkit %}
{% if table.page %}
<div class="table-container">
{% endif %}
{% block table %}
<table class="table table-compact table-bordered"{% if table.attrs %} {{ table.attrs.as_html }}{% endif %}>
{% block table.thead %}
<thead>
<tr>
{% for column in table.columns %}
{% if column.orderable %}
<th {{ column.attrs.th.as_html }}><a href="{% querystring table.prefixed_order_by_field=column.order_by_alias.next %}">{{ column.header }}</a></th>
{% else %}
<th {{ column.attrs.th.as_html }}>{{ column.header }}</th>
{% endif %}
{% endfor %}
</tr>
</thead>
{% endblock table.thead %}
{% block table.tbody %}
<tbody>
{% for row in table.page.object_list|default:table.rows %} {# support pagination #}
{% block table.tbody.row %}
<tr class="{% cycle "odd" "even" %}">
{% for column, cell in row.items %}
<td {{ column.attrs.td.as_html }}>{{ cell }}</td>
{% endfor %}
</tr>
{% endblock table.tbody.row %}
{% empty %}
{% if table.empty_text %}
{% block table.tbody.empty_text %}
<tr><td colspan="{{ table.columns|length }}">{{ table.empty_text }}</td></tr>
{% endblock table.tbody.empty_text %}
{% endif %}
{% endfor %}
</tbody>
{% endblock table.tbody %}
{% block table.tfoot %}
<tfoot></tfoot>
{% endblock table.tfoot %}
</table>
{% endblock table %}
{% if table.page %}
{% block pagination %}
{{ table.page|pagination }}
{% endblock pagination %}
{% endif %}
.table-container th.asc:after {
content: '\0000a0\0025b2';
}
.table-container th.desc:after {
content: '\0000a0\0025bc';
}
.pagination {
text-align: center;
}
以上是关于css django-tables2(https://github.com/bradleyayers/django-tables2)的bootstrap模板,目前依赖于django-bootstrap的主要内容,如果未能解决你的问题,请参考以下文章
如何在前端使用 django-tables2 编辑数据?
Django-tables2 - 如何在 TemplateColumn 中使用自定义过滤器
如何更改 view.py 中 django-tables2 表的列标题?
在大表上使用 Django-Filter 以及 DataTables2
php Yii 2 App中的CDN集成。使用CloudwaysCDN从CDN调用CSS文件。全文:https://www.cloudways.com/blog/cdn-in-yii2/
前端每日实战:2.纯 CSS 创作一个矩形旋转 loader 特效