Djangoモデルのデータ

Question

私はテーブルとして表示している私のdjangoアプリケーションにシンプルなモデルを持っています。テーブルをデータテーブルに変更したいと思います。しかしさえONT記載されているすべての手順を実行した後えっ、私はデータテーブルに私のテーブルを変換するように見えるカントdatatables.netウェブサイト：

models.py

from __future__ import unicode_literals 

from django.db import models 


    class Profile(models.Model): 
     name = models.CharField(max_length=128) 
     email = models.EmailField(null=False) 
     city = models.CharField(null=False, max_length=128) 

     def __unicode__(self): 
      return self.name 

views.py

from django.shortcuts import render 
from django.http import HttpResponse 
from vc4u.models import Profile 
# Create your views here. 

def index(request): 
    user_list = Profile.objects.order_by('name') 
    context_dict = {'user_list': user_list} 

    return render(request, 'index.html', context_dict) 

index.html

<div class="container"> 
    {% if user_list %} 
    <table class="table table-bordered table-striped" id="users"> 
    <tr> 
     <th>Name</th> 
     <th>Email</th> 
     <th>City</th> 
    </tr> 
    {% for users in user_list %} 
    <tr> 
     <td>{{ users.name }}</td> 
     <td>{{ users.email }}</td> 
     <td>{{ users.city }}</td> 
    </tr> 
    {% endfor %} 
    </table> 
    {% else %} 
    <strong>There are no users.</strong> 
    {% endif %} 
</div> 

私はこのスクリプトを持つページの下部にページの最上部とjQueryとのDataTable jsのCDN上のCSS CDN掲載まし：

$(document).ready(function(){ 
    $('#users').DataTable(); 
}); 

これは動作していないようですし、私が持っていました開発者ツールでコンソールを見てください。エラーは表示されません。

Answer 1

：のDataTableは、HTMLテーブルを増強することができるように

について、テーブルは、ヘッダ（THEAD）と本体（TBODY）を持つ有効な、十分にHTML形式でなければなりません。オプションのフッター（tfoot）も使用できます。

テーブルに必要な番号が入力されていないため、theadとtbodyというタグが欠けています。

Answer 2

テーブルのIDがmyTableでない限り、動作しません。上記のコードで設定したテーブルIDであるため、jqueryセレクタを$('#users')に変更する必要があります。 datatables manualから

Answer 3

デフォルトのdatatablesコンストラクタを使用している場合、JQueryのデータ型は自動的にテーブルを第1列でソートします。