Datable не работает в Django / bootstrap 4 - PullRequest
Новая
       37

Datable не работает в Django / bootstrap 4

0 голосов
/ 03 мая 2020

Цель: Я использую django и bootstrap. Я хотел бы использовать подключаемый модуль jquery с данными в моей таблице bootstrap.

Проблемы: Таблица в моем html остается прежней и не использует подключаемый модуль данных

Что я сделал для решения этой проблемы? Я добавил две строки в свою базу. html file

base. html

<!-- Datatable -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.js"></script>

, а также код javascript: 

<script>
    $(document).ready(function(){
        $('#dtBasicExample').DataTable();
    });
</script>

<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>

Моя таблица называется dtBasicExample в моем файле html: 

<div class="container-fluid">
    <div class="col-sm-20">      
            <table id="dtBasicExample" class="table table-striped table-hover">

Is Что-нибудь, что мне нужно добавить в django, чтобы это работало?

Большое спасибо,

1 Ответ

1 голос
/ 03 мая 2020

Я думаю, что вы включаете библиотеки и вызываете .DataTable () в неправильном порядке.

Страница должна выглядеть следующим образом: 

<head>
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.css">
<head>

<body>
    <table id="dtBasicExample" class="table table-striped table-hover">

    <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.js"></script>
    <script>
        $(document).ready(function(){
            $('#dtBasicExample').DataTable();
        });
    </script>

</body>

Примечание:

  • Я включаю jQuery перед включением таблиц данных lib
  • Я вызываю метод .DataTable после включения таблиц данных lib
...