Django/DataTables - Template Loop breaks DataTable

Django/DataTables - Template Loop breaks DataTable

When placing a template loop in my table-row my DataTable breaks.

When placing a template loop in my table-row my DataTable breaks.

<table id="store_table" class="table-striped table-hover">
  <thead class="thead-light">
    <tr>
      <th>Store #</th>
      <th>Name</th>
      <th>Phone</th>
      <th>City</th>
      <th>State</th>
    </tr>
  </thead>

&lt;tbody&gt;
{% for store in stores %}
    &lt;tr id="table-row"&gt;
        &lt;td&gt;&lt;a href="/stores/{{ store.pk }}"&gt;{{ store.store_number }}&lt;/a&gt;&lt;/td&gt;
        &lt;td&gt;&lt;a href="/stores/{{ store.pk }}"&gt;{{ store.name }}&lt;/a&gt;&lt;/td&gt;
        &lt;td&gt;{{ store.phone }}&lt;/td&gt;
        &lt;td&gt;{{ store.city }}&lt;/td&gt;
        &lt;td&gt;{{ store.state }}&lt;/td&gt;
        {% for circuit in store.circuit_set.all %}
            &lt;td&gt;{{ circuit.circuit_id }}&lt;/td&gt;
        {% endfor %}
       &lt;td&gt;{{ store.postal }}&lt;/td&gt;

    &lt;/tr&gt;
{% endfor %}
&lt;/tbody&gt;
&lt;/table&gt;

Console Output:

jQuery.Deferred exception: i is undefined [email protected]http://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js:24:397
[email protected]http://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js:16:421
na/<@http://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js:17:21
map/<@https://code.jquery.com/jquery-3.3.1.min.js:2:1324
[email protected]https://code.jquery.com/jquery-3.3.1.min.js:2:3169
[email protected]https://code.jquery.com/jquery-3.3.1.min.js:2:1292
[email protected]http://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js:16:497
[email protected]http://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js:92:431
n/<@http://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js:93:118
[email protected]https://code.jquery.com/jquery-3.3.1.min.js:2:2571
[email protected]https://code.jquery.com/jquery-3.3.1.min.js:2:1238
[email protected]http://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js:83:194
[email protected]http://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js:165:488
@http://10.200.20.63:8080/stores/:12810:19
[email protected]https://code.jquery.com/jquery-3.3.1.min.js:2:29373
a/</c<@https://code.jquery.com/jquery-3.3.1.min.js:2:29677
 undefined

So I'm assuming this is because {% %} isn't a recognized/handleable table element.

Angular 9 Tutorial: Learn to Build a CRUD Angular App Quickly

What's new in Bootstrap 5 and when Bootstrap 5 release date?

Brave, Chrome, Firefox, Opera or Edge: Which is Better and Faster?

How to Build Progressive Web Apps (PWA) using Angular 9

What is new features in Javascript ES2020 ECMAScript 2020

Python Django Tutorial | Django Course

🔥Intellipaat Django course: https://intellipaat.com/python-django-training/ 👉This Python Django tutorial will help you learn what is django web development &...

How to Integrate Django to any Javascript Front End // Django to React // Django to Angular

Learn the basic technique to Integrate Django to any Javascript Front End // Django to React // Django to Angular

Django

Well i used django ... i want to know after completing all the coding stuff, can i make all the codes online ?