Sindbad~EG File Manager

{% extends "BO_Admin/dashboard.html" %}
{% block head %}
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.css" />
{% endblock %}
{% block title %}All Users{% endblock %}

{% block style %}

{% endblock %}
{% block content %}
<div class="pr-3 pl-3 mt-3">
    <!-- <div class="card"> -->
        <!-- <div class="card-body"> -->
            <input type="hidden" name="html_data" id="html_data" value="{{html_data}}" />
            <center><h3><label>All Users</label></h3></center>
            <div id="All_User_Table" class="mobile-responsive">
                <table class="table table-bordered table-striped">
                    <thead style="background-color: #072645; border-color: #dee2e6; color: #fff;">
                        <tr>
                            <th scope="col">S No</th>
                            <th scope="col">Name</th>
                            <th scope="col">Email</th>
                            <th scope="col">Mobile Number</th>
                            <th scope="col">Current Address</th>
                            <th scope="col"  width="30%">Help Info</th>
                        </tr>
                    </thead>
                    <tbody id="All_User_Content"></tbody>
                </table>
            </div>
        <!-- </div> -->
    <!-- </div> -->
</div>

{% endblock %}

 
{% block script %}
    
<script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.js"></script>

<script type= "text/javascript">
$(document).ready(function(){
      $(".table").dataTable({
            iDisplayLength: 50,
        });


     var table_data = $("#html_data").val();
    $("#All_User_Content").html(table_data);
  });
</script>
{% endblock %}