Поиск и функциональность страницы исчезают для любых дополнительных таблиц данных на веб-странице

Странная проблема, но по какой-то причине всякий раз, когда я добавляю дополнительные таблицы данных на свой сайт на той же странице, дополнительные таблицы заполняются просто отлично, но отсутствует поиск и функциональность страницы. Я использую для этого datatables.net. Что может быть причиной этого? Я вижу в примере на https://datatables.net/examples/basic_init/multiple_tables.html, что это должно работать просто отлично.enter image description here

        {% block css %}
    <!-- Custom styles for this page -->
    <link href="{% static 'vendor/datatables/dataTables.bootstrap4.min.css' %}" rel="stylesheet">
    {% endblock %}
    
    <div class="row">
            <div class="container-fluid">
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                      <h6 class="m-0 font-weight-bold text-primary">Data Table 1</h6>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-bordered" id="dataTable" width="100%">
                               DATA IS HERE ON MY MACHINE
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
<div class="row">
            <div class="container-fluid">
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                      <h6 class="m-0 font-weight-bold text-primary">Data Table 2</h6>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-bordered" id="dataTable" width="100%">
                               DATA IS HERE ON MY MACHINE
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {% endblock %}
    
        {% block js_body %}
            {% include 'theme/components/charts_scripts.html' %}
            <script src="{% static 'vendor/datatables/jquery.dataTables.min.js' %}"></script>
            <script src="{% static 'vendor/datatables/dataTables.bootstrap4.min.js' %}"></script>
            <script src="{% static 'js/demo/datatables-demo.js' %}"></script>
        {% endblock %}

Вернуться на верх