Created
April 7, 2021 15:48
-
-
Save mmtechslv/f48ed210067cba8ba9befc96f9037b1e to your computer and use it in GitHub Desktop.
Markdium-Introduction
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{% load static %} | |
{% load crispy_forms_tags %} | |
<head> | |
<link rel="stylesheet" href="{% static 'custom_slider.css' %}"> # CSS of our range-slider. | |
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> | |
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> | |
</head> | |
<body> | |
{% crispy people_filter.form %} | |
<table border='1' style="width:100%; text-align:center"> | |
<thead> | |
<tr> | |
<th> Name </th> | |
<th> Surname </th> | |
<th> Age </th> | |
</tr> | |
</thead> | |
<tbody> | |
{% for person in people_filter.qs %} | |
<tr> | |
<td> {{ person.name }} </td> | |
<td> {{ person.surname }} </td> | |
<td> {{ person.age }} </td> | |
</tr> | |
{% endfor %} | |
</tbody> | |
</table> | |
<script src="{% static 'custom_slider.js' %}"></script> # JS of our range-slider. | |
</body> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment