title: Is there a way to extend the main flask admin navbar along another one?
body: <p>I'm trying to keep the navbar on all my templates but as i would like to use a datatable inside of it i would need to extend another html file that would contain the cdn and the scripts.</p>
  <p>I tried to do this with no success. regarding the documentation it is not possible to have to &quot;extends&quot; that's why i tried to do this this way. Any idea? Thanks in advance</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>{% extends 'admin/master.html' %}
  {% block body %}
    &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;{{ title }}&lt;/title&gt;
      &lt;link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous"&gt;
      &lt;link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap5.css"&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;div class="container"&gt;
      &lt;h1&gt; {{ title }}&lt;/h1&gt;
      &lt;hr&gt;
    &lt;table id="data" class="table table-striped"&gt;
      &lt;thead&gt;
        &lt;tr&gt;
          &lt;th&gt;Name&lt;/th&gt;
          &lt;th&gt;Age&lt;/th&gt;
          &lt;th&gt;Address&lt;/th&gt;
          &lt;th&gt;Phone Number&lt;/th&gt;
          &lt;th&gt;Email&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
        {% for user in users %}
          &lt;tr&gt;
            &lt;td&gt;{{ user.name }}&lt;/td&gt;
            &lt;td&gt;{{ user.age }}&lt;/td&gt;
            &lt;td&gt;{{ user.address }}&lt;/td&gt;
            &lt;td&gt;{{ user.phone }}&lt;/td&gt;
            &lt;td&gt;{{ user.email }}&lt;/td&gt;
          &lt;/tr&gt;
        {% endfor %}
      &lt;/tbody&gt;
    &lt;/table&gt;
    {% block scripts %}
    &lt;script&gt;
      $(document).ready(function () {
        $('#data').DataTable({
          columns: [
            null,
            {searchable: false},
            {orderable: false, searchable: false},
            {orderable: false, searchable: false},
            null],
        });
      });
    &lt;/script&gt;
  {% endblock %}
    &lt;/div&gt;
    &lt;script type="text/javascript" charset="utf8" src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.25/js/dataTables.bootstrap5.js"&gt;&lt;/script&gt;
    &lt;/body&gt;
    &lt;/html&gt;
  {% endblock %}</code></pre>
  </div>
  </div>
  </p>