Added Django REST but have some bugs

main/templates/pages/adm_ruleset.html

@@ -10,6 +10,13 @@
 <link rel="stylesheet" href="{% static 'main/css/work.css' %}"/>
 {% endblock %}
 
+{% block extra_scripts %}
+<script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script>
+<script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script>
+<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
+{% endblock%}
+
 {% block content %}
 <div class="container-md">
   <div class="new-section">
@@ -37,25 +44,22 @@
         <table class="light-table">
 
             <thead>
-              <th>ID</th>
+              <th>Name</th>
               <th>Email</th>
               <th>Role</th>
-              <th>Name(link to profile)</th>
               <th>Checked</th>
             </thead>
 
-            <tbody>
+            <tbody id="table">
               {% for user in users %}
               <tr>
-                <td>{{ user.id }}</td>
+                <td><a href="#">{{ user.name }}</a></td>
                 <td>{{ user.user.email }}</td>
                 <td>{{ user.role }}</td>
-                <td><a href="#">{{ user.name }}</a></td>
                 <td class="checkbox_field"></td>
               </tr>
               {% endfor %}
             </tbody>
-
         </table>
         {% endblock%}
 
@@ -103,6 +107,6 @@
   {% endblock %}
 </div>
 
-<script src="{% static 'main/js/control.js'%}"></script>
+<script src="{% static 'main/js/control.js'%}" type="text/babel"></script>
 
 {% endblock %}