在 Django 应用程序中创建数据表答案

【问题标题】：Create dataTables in a Django application在 Django 应用程序中创建数据表
【发布时间】：2015-11-11 01:02:11
【问题描述】：

我已关注 this tutorial 以便将 dataTables 模块添加到我的 django 项目中，但我不知道我应该如何在我的 mytable.html 页面上实际创建该表。

models.py：

from django.db import models

class SomeData(models.Model):
    first_name = models.CharField(max_length=30)
    last_name = models.CharField(max_length=30)

views.py中的相关部分：

class OrderListJson(BaseDatatableView):
    model = SomeData
    columns = ['first_name', 'second_name']
    order_columns = ['first_name', 'second_name']
    max_display_length = 500

    def render_column(self, row, column):
        if column == 'user':
            return '{0} {1}'.format(row.customer_firstname, row.customer_lastname)
        else:
            return super(OrderListJson, self).render_column(row, column)

    def filter_queryset(self, qs):
        search = self.request.GET.get(u'search[value]', None)
        if search:
            qs = qs.filter(name__istartswith=search)

urls.py

from django.conf.urls import include, url
from django.contrib import admin
from proiect import views

urlpatterns = [
    url(r'^admin/', include(admin.site.urls)),
    url(r'demo/', views.demo_page),
    url(r'tabel/$', views.mytable_page, name='order_list_json'), # something may be wrong here but I am not sure
]

mytable.html（我不知道如何在表格中显示数据以及如何实际打印表格）

<!doctype html>
<meta charset="utf-8">
<title>TablEs Demo</title>
<head>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.css">
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/2.0.7/daterangepicker.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.8/css/jquery.dataTables.min.css">
</head>

<body>

<script type="text/javascript" charset="utf8" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/2.0.7/daterangepicker.js"></script>

<div class="container">
    <div class="row">
        <div class="col-sm-4">
              <!--here I should have something to print the table and some data in it -->
        </div>
    </div>
    <script>
    $(document).ready(function() {
      var oTable = $('.datatable').dataTable({
        "processing": true,
        "serverSide": true,
        "ajax": "{% url 'order_list_json' %}"
      });
    });
    </script>
</div>
</body>

【问题讨论】：

标签： javascript python django datatable datatables

【解决方案1】：

将其替换为here I should have something to print the table and some data in it

<table class="datatable">
    <thead>
        <th>First Name</th>
        <th>Second Name</th>
    </thead>
    <tbody>
    </tbody>
</table>

和url(r'tabel/$', views.mytable_page, name='order_list_json') 和url(r'tabel/$', views.OrderListJson.as_view(), name='order_list_json')

【讨论】：