Skip to content

Instantly share code, notes, and snippets.

@mmtechslv
Created April 7, 2021 15:48
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mmtechslv/f48ed210067cba8ba9befc96f9037b1e to your computer and use it in GitHub Desktop.
Save mmtechslv/f48ed210067cba8ba9befc96f9037b1e to your computer and use it in GitHub Desktop.
Markdium-Introduction
{% 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