Create dynamic tables with Angular using your Django Rest Framework API.
If you use Django Rest Framework, get a representation of your results dynamic and easy to use and extend. Features include:
Self-construction.
Pagination.
Filter by columns.
Sort by columns.
Change the field representation.
Basic usage
Create a table class including your Django Rest Framework (DRF) ViewSet:
# myapp/api.py
# ------------
class MyTable(Table):
class Meta:
view_set = MymodelViewSet # DRF ViewSetAdd it to your view context:
# myapp/views.py
# --------------
def my_view(request):
return render(request, 'myapp/mytable.html', {'table': MyTable()})Add it to your template:
{# myapp/templates/myapp/mytable.html #}
{# ---------------------------------- #}
{% load rest_tables %}
{% rest_table table %}
....
<script src="//unpkg.com/angular@1.3.12/angular.min.js" type="text/javascript"></script>
<script src="//unpkg.com/ng-table@3.0.1/bundles/ng-table.min.js" type="text/javascript"></script>
<script src="{% static 'rest_tables/src/js/rest_tables.js' %}" type="text/javascript"></script>It’s all!
1 maintainer
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
File details
Details for the file django-rest-tables-0.1.0.tar.gz.
File metadata
- Download URL: django-rest-tables-0.1.0.tar.gz
- Upload date:
- Size: 6.9 kB
- Tags: Source
- Uploaded using Trusted Publishing? No
File hashes
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 |
b3a47b8c4a213bab81b561157ce926c87deb2951338083527df9fe6b67ad257e
|
|
| MD5 |
75c6b39b84f44a6e3e5d6a99ef93fe80
|
|
| BLAKE2b-256 |
c1e382a44412ff6b5cbedbe71c4b1498e37e5a076dd7b9f46d86f73bc79b7a41
|
