2017-06-27 7 views
2

これは私のdjango_tables2プラグインで初めての作業です。当然、ドキュメントのインストールとクイックスタートガイドに従っています。
インストールされているアプリケーションに 'django_tables2'を追加し、 'django.template.context_processors.request'がテンプレートオプションになっていることを確認しました。
しかし、私は奇妙な異常に出くわしました。私は参考のために、以下の私のコードを貼り付けている -

ビュー -Django_tables2 - cssの一部が動作しない

from django.shortcuts import render 
from .models import VM 

def people(request): 
    return render(request, 'home.html', {'vms': VM.objects.all()}) 

home.html -

{% load render_table from django_tables2 %} 
{% load static %} 
<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <link rel="stylesheet" href="{% static 'css/bs.css' %}" /> 
    <link rel="stylesheet" href="{% static 'django_tables2/themes/paleblue/css/screen.css' %}" /> 
    <link rel="stylesheet" href="{% static 'css/style.css' %}" type="text/css" /> 
</head> 
<body> 
    <div class="col-sm-offset-2 col-sm-10 text-center"> 
     <h2 id="Text">VM List</h2> 
     {% render_table vms %} 
    </div> 
</body> 
</html> 

あなたが見ることができるように、これはdocsに与えられています正確に何です。しかし、私のテーブルは幾分フォーマットされていますが、当初期待していたものと全く同じではありません。
My output

そして、これは私がドキュメントによると、取得しなければならない何かである -

これは私が得るものです。 -

The correct stuff


django_tables2 cssが実際にフェッチされることに注意してください。私はソースファイルを監視し、django_tables2のscreen.cssはうまく読み込みます。

EDIT - テーブルの要素を検査します。すべてがテーブル自体(paleblueでなければならない)を除いてクラスを持っています。インスペクタでそのビットを追加すると動作しますが、コードでこれを行うにはどうすればよいですか?それはデフォルトでは起こらないはずですか?

Inspector

+0

ブラウザで表要素を調べて、django表のクラスがあるかどうかを確認します。 –

+0

@ArpitSolankiインスペクタの画面を追加しました。テーブルタグにpaleblueクラスがありません。それがデフォルトになってはいけませんか? – Zeokav

答えて

2

私はテンプレートタグのコードでこれを見た:

class OnTheFlyTable(tables.Table): 
    class Meta: 
     model = queryset.model 

それはあなたがテーブルタグで任意のCSSクラスを見ている任意のCSSクラスが含まれていないので、Djangoのテーブルによってレンダリングされたデフォルトのテーブルです。コード内のドキュメンテーション文字列から今

:あなたがテーブルIからのファイルの

参照のCSSクラスを使用できるようにするには、以下のようなものを使用する必要が

class OnTheFlyTable(tables.Table): 
    class Meta: 
     model = queryset.model 
     attrs = {'class': 'paleblue'} 

は、このコードを読む:

+1

私は自分の質問にちょうど答えようとしていました。なぜなら、paleblueはattrsで指定されなければならないからです。ありがとうございました! :) – Zeokav

+0

私はちょうど彼らの全体のコードを通過していたので、アップロードされたこれらのものを発見した:) –

関連する問題