Giter VIP home page Giter VIP logo

django-sitetables's Introduction

django-sitetables

https://github.com/idlesign/django-sitetables

release lic coverage

Description

Reusable application for Django featuring DataTables integration

Offers:

  • Various data sources support: models, query sets, list of dicts.
  • Serverside tables support.
  • DataTables plugins support: styling, internationalization, etc.
  • Template tags for easy js and css inclusion.
  • Template tags for DOM-based tables.

How to use

First place table definition into views.py:

from django.shortcuts import render
from sitetables.toolbox import Table

from .models import Entries


def entries(request):
    # We create table from entries queryset,
    table_entries = Table(Entries.objects.filter(hidden=False))
    return render(request, 'entries.html', {'table_entries': table_entries})

Next create page template entries.html:

{% load sitetables %}

<!-- The following line usually goes into head tag. It'll load all needed css. -->
{% sitetables_css table_entries %}

<!-- The following resides in body tag. Note that in this scenario
     thead and tbody will be populated using JS automatically. -->
<table id="table-entries"></table>

<script type="text/javascript">
     $(function() {
         <!-- Initialize table using generated config. -->
         $('#table-entries').dataTable({% sitetable_config table_entries %});
     });
 </script>

<!-- The following line usually goes somewhere near the end of the body.
     It'll load all needed js. -->
{% sitetables_js table_entries %}

Done. More information is available in the documentation.

Documentation

http://django-sitetables.readthedocs.org/

django-sitetables's People

Contributors

idlesign avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.