使用datatable首先需要下载datatable文件,文件主要包括三个文件夹css,img,js相关文件,在django中如何配置呢?
首先需要在模板中引入datatable文件,格式如下:
<!-- DataTables CSS --> <link rel="stylesheet" href="{% static 'DataTables/css/jquery.dataTables.css' %}"> <!-- jquery --> <script src="{% static 'js/jquery/jquery.min.js' %}"></script> <!-- DataTables --> <script src="{% static 'DataTables/js/jquery.dataTables.js' %}"></script>
注意datatables中的js文件需要引用在jquery文件之后.
那么django中如何让数据使用datatables表格呢?
代码如下:
<table id="table_id" class="display"> <thead> <tr> <th>Column 1</th> <th>Column 2</th> </tr> </thead> <tbody> {% for d in data %} <tr> <td>{{ d.col1 }}</td> <td>{{ d.col2 }}</td> </tr> {% endfor %} </tbody> </table> <script>
$(document).ready( function () {
$('#table_id').DataTable();
} );
</script>
完毕!
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:[django]django+datatable简单运用于表格中 - Python技术站