1、下载datatable插件，下载地址：http://www.datatables.club/

创新互联建站是一家集网站建设,大英企业网站建设,大英品牌网站建设,网站定制,大英网站建设报价,网络营销,网络优化,大英网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

2、安装方法：http://www.datatables.club/manual/install.html

注意：按照官方文档的方法引入插件后会有点问题，样式也不是很美观，所以我做了修改。

由于通常djangotemplate 下的html文件使用了模板语法，所以要把CSS、JS文件放在对应的模板标签下面

下面是我的一个样例：

注意：table的id要改成“dataTables”，样式会好看一些。

id="dataTables"

DataTable_Test.html

{% extends 'common/base.html' %}
{% block css %}
    
    
{% endblock %}
{% block content %}


    
        
{#            
Uhost信息
#}
            Uhost信息
        
            
                
                
                    
                        主机名称
                        IP地址
                        价格
                        可用区
                        业务组
                        到期时间
                    
                
                
                    {% for host in uhosts %}
                    
                        {{ host.name }}
                        {{ host.ip }}
                        {{ host.price }}
                        {{ host.zone.name }}
                        {{ host.tag }}
                        {{ host.expiretime }}
                    
                    {% endfor %}