Standardize usage of table template

netbox/templates/circuits/circuittype.html

@@ -1,6 +1,7 @@
 {% extends 'generic/object.html' %}
 {% load helpers %}
 {% load plugins %}
+{% load render_table from django_tables2 %}
 
 {% block content %}
 <div class="row mb-3">
@@ -42,8 +43,8 @@
       <h5 class="card-header">
         Circuits
       </h5>
-      <div class="card-body">
-        {% include 'inc/table.html' with table=circuits_table %}
+      <div class="card-body table-responsive">
+        {% render_table circuits_table 'inc/table.html' %}
       </div>
       {% if perms.circuits.add_circuit %}
         <div class="card-footer text-end noprint">

netbox/templates/circuits/provider.html

@@ -2,6 +2,7 @@
 {% load static %}
 {% load helpers %}
 {% load plugins %}
+{% load render_table from django_tables2 %}
 
 {% block content %}
 <div class="row">
@@ -61,8 +62,8 @@
             <h5 class="card-header">
                 Circuits
             </h5>
-            <div class="card-body">
-            {% include 'inc/table.html' with table=circuits_table %}
+            <div class="card-body table-responsive">
+              {% render_table circuits_table 'inc/table.html' %}
             </div>
             {% if perms.circuits.add_circuit %}
             <div class="card-footer text-end noprint">

netbox/templates/circuits/providernetwork.html

@@ -2,6 +2,7 @@
 {% load static %}
 {% load helpers %}
 {% load plugins %}
+{% load render_table from django_tables2 %}
 
 {% block breadcrumbs %}
   {{ block.super }}
@@ -49,8 +50,8 @@
             <h5 class="card-header">
                 Circuits
             </h5>
-            <div class="card-body">
-                {% include 'inc/table.html' with table=circuits_table %}
+            <div class="card-body table-responsive">
+              {% render_table circuits_table 'inc/table.html' %}
             </div>
         </div>
         {% include 'inc/paginator.html' with paginator=circuits_table.paginator page=circuits_table.page %}

netbox/templates/dcim/device/consoleports.html

@@ -7,7 +7,9 @@
   <form method="post">
     {% csrf_token %}
     {% include 'inc/table_controls.html' with table_modal="DeviceConsolePortTable_config" %}
-    {% render_table table 'inc/table.html' %}
+    <div class="table-responsive">
+      {% render_table table 'inc/table.html' %}
+    </div>
     <div class="noprint bulk-buttons">
         <div class="bulk-button-group">
             {% if perms.dcim.change_consoleport %}

netbox/templates/dcim/device/consoleserverports.html

@@ -7,7 +7,9 @@
   <form method="post">
     {% csrf_token %}
     {% include 'inc/table_controls.html' with table_modal="DeviceConsoleServerPortTable_config" %}
-    {% render_table table 'inc/table.html' %}
+    <div class="table-responsive">
+      {% render_table table 'inc/table.html' %}
+    </div>
     <div class="noprint bulk-buttons">
         <div class="bulk-button-group">
             {% if perms.dcim.change_consoleserverport %}

netbox/templates/dcim/device/devicebays.html

@@ -7,7 +7,9 @@
   <form method="post">
     {% csrf_token %}
     {% include 'inc/table_controls.html' with table_modal="DeviceDeviceBayTable_config" %}
-    {% render_table table 'inc/table.html' %}
+    <div class="table-responsive">
+      {% render_table table 'inc/table.html' %}
+    </div>
     <div class="noprint bulk-buttons">
         <div class="bulk-button-group">
             {% if perms.dcim.change_devicebay %}

netbox/templates/dcim/device/frontports.html

@@ -7,7 +7,9 @@
   <form method="post">
     {% csrf_token %}
     {% include 'inc/table_controls.html' with table_modal="DeviceFrontPortTable_config" %}
-    {% render_table table 'inc/table.html' %}
+    <div class="table-responsive">
+      {% render_table table 'inc/table.html' %}
+    </div>
     <div class="noprint bulk-buttons">
         <div class="bulk-button-group">
             {% if perms.dcim.change_frontport %}

netbox/templates/dcim/device/interfaces.html

@@ -34,7 +34,9 @@
         </div>
       </div>
     </div>
-    {% render_table table 'inc/table.html' %}
+    <div class="table-responsive">
+      {% render_table table 'inc/table.html' %}
+    </div>
     <div class="noprint bulk-buttons">
         <div class="bulk-button-group">
         {% if perms.dcim.change_interface %}

netbox/templates/dcim/device/inventory.html

@@ -7,7 +7,9 @@
   <form method="post">
     {% csrf_token %}
     {% include 'inc/table_controls.html' with table_modal="DeviceInventoryItemTable_config" %}
-    {% render_table table 'inc/table.html' %}
+    <div class="table-responsive">
+      {% render_table table 'inc/table.html' %}
+    </div>
     <div class="noprint bulk-buttons">
         <div class="bulk-button-group">
             {% if perms.dcim.change_inventoryitem %}

netbox/templates/dcim/device/poweroutlets.html

@@ -7,7 +7,9 @@
   <form method="post">
     {% csrf_token %}
     {% include 'inc/table_controls.html' with table_modal="DevicePowerOutletTable_config" %}
-    {% render_table table 'inc/table.html' %}
+    <div class="table-responsive">
+      {% render_table table 'inc/table.html' %}
+    </div>
     <div class="noprint bulk-buttons">
         <div class="bulk-button-group">
             {% if perms.dcim.change_powerport %}

netbox/templates/dcim/device/powerports.html

@@ -7,7 +7,9 @@
   <form method="post">
     {% csrf_token %}
     {% include 'inc/table_controls.html' with table_modal="DevicePowerPortTable_config" %}
-    {% render_table table 'inc/table.html' %}
+    <div class="table-responsive">
+      {% render_table table 'inc/table.html' %}
+    </div>
     <div class="noprint bulk-buttons">
         <div class="bulk-button-group">
             {% if perms.dcim.change_powerport %}

netbox/templates/dcim/device/rearports.html

@@ -7,7 +7,9 @@
   <form method="post">
     {% csrf_token %}
     {% include 'inc/table_controls.html' with table_modal="DeviceRearPortTable_config" %}
-    {% render_table table 'inc/table.html' %}
+    <div class="table-responsive">
+      {% render_table table 'inc/table.html' %}
+    </div>
     <div class="noprint bulk-buttons">
         <div class="bulk-button-group">
             {% if perms.dcim.change_rearport %}

netbox/templates/dcim/devicerole.html

@@ -1,6 +1,7 @@
 {% extends 'generic/object.html' %}
 {% load helpers %}
 {% load plugins %}
+{% load render_table from django_tables2 %}
 
 {% block breadcrumbs %}
   <li class="breadcrumb-item"><a href="{% url 'dcim:devicerole_list' %}">Device Roles</a></li>
@@ -72,8 +73,8 @@
       <h5 class="card-header">
         Devices
       </h5>
-      <div class="card-body">
-        {% include 'inc/table.html' with table=devices_table %}
+      <div class="card-body table-responsive">
+        {% render_table devices_table 'inc/table.html' %}
       </div>
       {% if perms.dcim.add_device %}
         <div class="card-footer text-end noprint">

netbox/templates/dcim/interface.html

@@ -450,7 +450,7 @@
                 <h5 class="card-header">
                     IP Addresses
                 </h5>
-                <div class="card-body">
+                <div class="card-body table-responsive">
                     {% if ipaddress_table.rows %}
                         {% render_table ipaddress_table 'inc/table.html' %}
                     {% else %}

netbox/templates/dcim/location.html

@@ -1,6 +1,7 @@
 {% extends 'generic/object.html' %}
 {% load helpers %}
 {% load plugins %}
+{% load render_table from django_tables2 %}
 
 {% block breadcrumbs %}
   {{ block.super }}
@@ -91,8 +92,8 @@
       <h5 class="card-header">
         Locations
       </h5>
-      <div class="card-body">
-        {% include 'inc/table.html' with table=child_locations_table %}
+      <div class="card-body table-responsive">
+        {% render_table child_locations_table 'inc/table.html' %}
       </div>
       {% if perms.dcim.add_location %}
         <div class="card-footer text-end noprint">

netbox/templates/dcim/manufacturer.html

@@ -1,6 +1,7 @@
 {% extends 'generic/object.html' %}
 {% load helpers %}
 {% load plugins %}
+{% load render_table from django_tables2 %}
 
 {% block content %}
 <div class="row mb-3">
@@ -49,8 +50,8 @@
       <h5 class="card-header">
         Device Types
       </h5>
-      <div class="card-body">
-        {% include 'inc/table.html' with table=devicetypes_table %}
+      <div class="card-body table-responsive">
+        {% render_table devicetypes_table 'inc/table.html' %}
       </div>
       {% if perms.dcim.add_devicetype %}
         <div class="card-footer text-end noprint">

netbox/templates/dcim/platform.html

@@ -1,6 +1,7 @@
 {% extends 'generic/object.html' %}
 {% load helpers %}
 {% load plugins %}
+{% load render_table from django_tables2 %}
 
 {% block breadcrumbs %}
   {{ block.super }}
@@ -77,8 +78,8 @@
       <h5 class="card-header">
         Devices
       </h5>
-      <div class="card-body">
-        {% include 'inc/table.html' with table=devices_table %}
+      <div class="card-body table-responsive">
+        {% render_table devices_table 'inc/table.html' %}
       </div>
       {% if perms.dcim.add_device %}
         <div class="card-footer text-end noprint">

netbox/templates/dcim/powerpanel.html

@@ -54,7 +54,7 @@
         <form method="post">
             {% csrf_token %}
             <div class="card">
-                <div class="card-body">
+                <div class="card-body table-responsive">
                     {% render_table powerfeed_table 'inc/table.html' %}
                 </div>
                 <div class="card-footer noprint">

netbox/templates/dcim/rackrole.html

@@ -1,6 +1,7 @@
 {% extends 'generic/object.html' %}
 {% load helpers %}
 {% load plugins %}
+{% load render_table from django_tables2 %}
 
 {% block content %}
 <div class="row mb-3">
@@ -48,8 +49,8 @@
       <h5 class="card-header">
         Racks
       </h5>
-      <div class="card-body">
-        {% include 'inc/table.html' with table=racks_table %}
+      <div class="card-body table-responsive">
+        {% render_table racks_table 'inc/table.html' %}
       </div>
       {% if perms.dcim.add_rack %}
         <div class="card-footer text-end noprint">

netbox/templates/dcim/region.html

@@ -1,6 +1,7 @@
 {% extends 'generic/object.html' %}
 {% load helpers %}
 {% load plugins %}
+{% load render_table from django_tables2 %}
 
 {% block breadcrumbs %}
   {{ block.super }}
@@ -55,8 +56,8 @@
       <h5 class="card-header">
         Child Regions
       </h5>
-      <div class="card-body">
-        {% include 'inc/table.html' with table=child_regions_table %}
+      <div class="card-body table-responsive">
+        {% render_table child_regions_table 'inc/table.html' %}
       </div>
       {% if perms.dcim.add_region %}
         <div class="card-footer text-end noprint">
@@ -75,8 +76,8 @@
       <h5 class="card-header">
         Sites
       </h5>
-      <div class="card-body">
-        {% include 'inc/table.html' with table=sites_table %}
+      <div class="card-body table-responsive">
+        {% render_table sites_table 'inc/table.html' %}
       </div>
       {% if perms.dcim.add_site %}
         <div class="card-footer text-end noprint">

netbox/templates/dcim/sitegroup.html

@@ -1,6 +1,7 @@
 {% extends 'generic/object.html' %}
 {% load helpers %}
 {% load plugins %}
+{% load render_table from django_tables2 %}
 
 {% block breadcrumbs %}
   {{ block.super }}
@@ -55,8 +56,8 @@
       <h5 class="card-header">
         Child Groups
       </h5>
-      <div class="card-body">
-        {% include 'inc/table.html' with table=child_groups_table %}
+      <div class="card-body table-responsive">
+        {% render_table child_groups_table 'inc/table.html' %}
       </div>
       {% if perms.dcim.add_sitegroup %}
         <div class="card-footer text-end noprint">
@@ -75,8 +76,8 @@
       <h5 class="card-header">
         Sites
       </h5>
-      <div class="card-body">
-        {% include 'inc/table.html' with table=sites_table %}
+      <div class="card-body table-responsive">
+        {% render_table sites_table 'inc/table.html' %}
       </div>
       {% if perms.dcim.add_site %}
         <div class="card-footer text-end noprint">

netbox/templates/extras/object_changelog.html

@@ -2,7 +2,9 @@
 {% load render_table from django_tables2 %}
 
 {% block content %}
-    {% render_table table 'inc/table.html' %}
+    <div class="table-responsive">
+      {% render_table table 'inc/table.html' %}
+    </div>
     {% include 'inc/paginator.html' with paginator=table.paginator page=table.page %}
     <div class="text-muted">
         Change log retention: {% if settings.CHANGELOG_RETENTION %}{{ settings.CHANGELOG_RETENTION }} days{% else %}Indefinite{% endif %}

netbox/templates/extras/object_journal.html

@@ -24,6 +24,8 @@
       </div>
     </form>
   {% endif %}
-  {% render_table table 'inc/table.html' %}
+  <div class="table-responsive">
+    {% render_table table 'inc/table.html' %}
+  </div>
   {% include 'inc/paginator.html' with paginator=table.paginator page=table.page %}
 {% endblock %}

netbox/templates/generic/object_bulk_add_component.html

@@ -1,5 +1,6 @@
 {% extends 'base/layout.html' %}
 {% load form_helpers %}
+{% load render_table from django_tables2 %}
 
 {% block title %}Add {{ model_name|title }}{% endblock %}
 
@@ -15,8 +16,8 @@
     {% endfor %}
     <div class="row">
         <div class="col col-md-7">
-            <div class="card">
-                {% include 'inc/table.html' %}
+            <div class="table-responsive">
+              {% render_table table 'inc/table.html' %}
             </div>
         </div>
         <div class="col col-md-5">

netbox/templates/generic/object_bulk_delete.html

@@ -1,5 +1,6 @@
 {% extends 'base/layout.html' %}
 {% load helpers %}
+{% load render_table from django_tables2 %}
 
 {% block title %}Delete {{ table.rows|length }} {{ obj_type_plural|bettertitle }}?{% endblock %}
 
@@ -15,7 +16,9 @@
         </div>
     </div>
     <div class="container-xl px-0">
-      {% include 'inc/table.html' %}
+      <div class="table-responsive">
+        {% render_table table 'inc/table.html' %}
+      </div>
       <div class="row mt-3">
         <form action="" method="post">
             {% csrf_token %}

netbox/templates/generic/object_bulk_edit.html

@@ -1,6 +1,7 @@
 {% extends 'base/layout.html' %}
 {% load helpers %}
 {% load form_helpers %}
+{% load render_table from django_tables2 %}
 
 {% block title %}Editing {{ table.rows|length }} {{ obj_type_plural|bettertitle }}{% endblock %}
 
@@ -59,7 +60,9 @@
 
       {# Selected objects list #}
       <div class="tab-pane" id="object-list" role="tabpanel" aria-labelledby="object-list-tab">
-        {% include 'inc/table.html' %}
+        <div class="table-responsive">
+          {% render_table table 'inc/table.html' %}
+        </div>
       </div>
 
     {% endblock %}

netbox/templates/generic/object_bulk_remove.html

@@ -1,5 +1,6 @@
 {% extends 'base/layout.html' %}
 {% load helpers %}
+{% load render_table from django_tables2 %}
 
 {% block title %}Remove {{ table.rows|length }} {{ obj_type_plural|bettertitle }}?{% endblock %}
 
@@ -13,7 +14,9 @@
   </div>
 </div>
 <div class="container-xl px-0">
-  {% include 'inc/table.html' %}
+  <div class="table-responsive">
+    {% render_table table 'inc/table.html' %}
+  </div>
   <form action="." method="post" class="form">
     {% csrf_token %}
     {% for field in form.hidden_fields %}

netbox/templates/inc/panel_table.html

@@ -6,11 +6,11 @@
         {{ heading }}
     </h5>
     {% endif %}
-    <div class="card-body">
-    {% if table.rows %}
+    <div class="card-body table-responsive">
+      {% if table.rows %}
         {% render_table table 'inc/table.html' %}
-    {% else %}
+      {% else %}
         <div class="text-muted">None</div>
-    {% endif %}
+      {% endif %}
     </div>
 </div>

netbox/templates/inc/table.html

@@ -1,43 +1,41 @@
 {% load django_tables2 %}
 
-<div class="table-responsive">
-  <table{% if table.attrs %} {{ table.attrs.as_html }}{% endif %}>
-    {% if table.show_header %}
-      <thead>
+<table{% if table.attrs %} {{ table.attrs.as_html }}{% endif %}>
+  {% if table.show_header %}
+    <thead>
+      <tr>
+        {% for column in table.columns %}
+          {% if column.orderable %}
+            <th {{ column.attrs.th.as_html }}><a href="{% querystring table.prefixed_order_by_field=column.order_by_alias.next %}">{{ column.header }}</a></th>
+          {% else %}
+            <th {{ column.attrs.th.as_html }}>{{ column.header }}</th>
+          {% endif %}
+        {% endfor %}
+      </tr>
+    </thead>
+  {% endif %}
+  <tbody>
+    {% for row in table.page.object_list|default:table.rows %}
+      <tr {{ row.attrs.as_html }}>
+        {% for column, cell in row.items %}
+          <td {{ column.attrs.td.as_html }}>{{ cell }}</td>
+        {% endfor %}
+      </tr>
+    {% empty %}
+      {% if table.empty_text %}
         <tr>
-          {% for column in table.columns %}
-            {% if column.orderable %}
-              <th {{ column.attrs.th.as_html }}><a href="{% querystring table.prefixed_order_by_field=column.order_by_alias.next %}">{{ column.header }}</a></th>
-            {% else %}
-              <th {{ column.attrs.th.as_html }}>{{ column.header }}</th>
-            {% endif %}
-          {% endfor %}
+          <td colspan="{{ table.columns|length }}" class="text-center text-muted">&mdash; {{ table.empty_text }} &mdash;</td>
         </tr>
-      </thead>
-    {% endif %}
-    <tbody>
-      {% for row in table.page.object_list|default:table.rows %}
-        <tr {{ row.attrs.as_html }}>
-          {% for column, cell in row.items %}
-            <td {{ column.attrs.td.as_html }}>{{ cell }}</td>
-          {% endfor %}
-        </tr>
-      {% empty %}
-        {% if table.empty_text %}
-          <tr>
-            <td colspan="{{ table.columns|length }}" class="text-center text-muted">&mdash; {{ table.empty_text }} &mdash;</td>
-          </tr>
-        {% endif %}
-      {% endfor %}
-    </tbody>
-    {% if table.has_footer %}
-      <tfoot>
-        <tr>
-          {% for column in table.columns %}
-            <td>{{ column.footer }}</td>
-          {% endfor %}
-        </tr>
-      </tfoot>
-    {% endif %}
-  </table>
-</div>
+      {% endif %}
+    {% endfor %}
+  </tbody>
+  {% if table.has_footer %}
+    <tfoot>
+      <tr>
+        {% for column in table.columns %}
+          <td>{{ column.footer }}</td>
+        {% endfor %}
+      </tr>
+    </tfoot>
+  {% endif %}
+</table>

netbox/templates/ipam/asn.html

@@ -2,6 +2,7 @@
 {% load buttons %}
 {% load helpers %}
 {% load plugins %}
+{% load render_table from django_tables2 %}
 
 {% block breadcrumbs %}
   {{ block.super }}
@@ -67,8 +68,8 @@
     <div class="col col-md-12">
       <div class="card">
         <h5 class="card-header">Sites</h5>
-        <div class="card-body">
-          {% include 'inc/table.html' with table=sites_table %}
+        <div class="card-body table-responsive">
+          {% render_table sites_table 'inc/table.html' %}
         </div>
       </div>
       {% include 'inc/paginator.html' with paginator=sites_table.paginator page=sites_table.page %}

netbox/templates/ipam/fhrpgroup.html

@@ -64,7 +64,7 @@
     <div class="col col-md-12">
       <div class="card">
         <h5 class="card-header">Virtual IP Addresses</h5>
-        <div class="card-body">
+        <div class="card-body table-responsive">
           {% if ipaddress_table.rows %}
             {% render_table ipaddress_table 'inc/table.html' %}
           {% else %}
@@ -81,7 +81,7 @@
       </div>
       <div class="card">
         <h5 class="card-header">Members</h5>
-        <div class="card-body">
+        <div class="card-body table-responsive">
           {% if members_table.rows %}
             {% render_table members_table 'inc/table.html' %}
           {% else %}

netbox/templates/ipam/ipaddress.html

@@ -133,8 +133,8 @@
                       </div>
                     {% endif %}
                 </h5>
-                <div class="card-body">
-                {% render_table duplicate_ips_table 'inc/table.html' %}
+                <div class="card-body table-responsive">
+                  {% render_table duplicate_ips_table 'inc/table.html' %}
                 </div>
             </div>
         {% endif %}

netbox/templates/ipam/rir.html

@@ -1,6 +1,7 @@
 {% extends 'generic/object.html' %}
 {% load helpers %}
 {% load plugins %}
+{% load render_table from django_tables2 %}
 
 {% block content %}
 <div class="row mb-3">
@@ -52,8 +53,8 @@
       <h5 class="card-header">
         Aggregates
       </h5>
-      <div class="card-body">
-        {% include 'inc/table.html' with table=aggregates_table %}
+      <div class="card-body table-responsive">
+        {% render_table aggregates_table 'inc/table.html' %}
       </div>
       {% if perms.ipam.add_aggregate %}
         <div class="card-footer text-end noprint">

netbox/templates/ipam/role.html

@@ -1,6 +1,7 @@
 {% extends 'generic/object.html' %}
 {% load helpers %}
 {% load plugins %}
+{% load render_table from django_tables2 %}
 
 {% block content %}
 <div class="row mb-3">
@@ -46,8 +47,8 @@
       <h5 class="card-header">
         Prefixes
       </h5>
-      <div class="card-body">
-        {% include 'inc/table.html' with table=prefixes_table %}
+      <div class="card-body table-responsive">
+        {% render_table prefixes_table 'inc/table.html' %}
       </div>
       {% if perms.ipam.add_prefix %}
         <div class="card-footer text-end noprint">

netbox/templates/ipam/vlangroup.html

@@ -69,7 +69,7 @@
       <h5 class="card-header">
         VLANs
       </h5>
-      <div class="card-body">
+      <div class="card-body table-responsive">
         {% render_table vlans_table 'inc/table.html' %}
       </div>
       {% if perms.ipam.add_vlan %}

netbox/templates/tenancy/contact.html

@@ -79,7 +79,7 @@
     <div class="col col-md-12">
       <div class="card">
         <h5 class="card-header">Assignments</h5>
-        <div class="card-body">
+        <div class="card-body table-responsive">
           {% if assignments_table.rows %}
             {% render_table assignments_table 'inc/table.html' %}
           {% else %}

netbox/templates/tenancy/contactgroup.html

@@ -1,6 +1,7 @@
 {% extends 'generic/object.html' %}
 {% load helpers %}
 {% load plugins %}
+{% load render_table from django_tables2 %}
 
 {% block breadcrumbs %}
   {{ block.super }}
@@ -54,8 +55,8 @@
         <h5 class="card-header">
           Child Groups
         </h5>
-        <div class="card-body">
-          {% include 'inc/table.html' with table=child_groups_table %}
+        <div class="card-body table-responsive">
+          {% render_table child_groups_table 'inc/table.html' %}
         </div>
         {% if perms.tenancy.add_contactgroup %}
           <div class="card-footer text-end noprint">
@@ -74,8 +75,8 @@
         <h5 class="card-header">
           Contacts
         </h5>
-        <div class="card-body">
-          {% include 'inc/table.html' with table=contacts_table %}
+        <div class="card-body table-responsive">
+          {% render_table contacts_table 'inc/table.html' %}
         </div>
         {% if perms.tenancy.add_contact %}
           <div class="card-footer text-end noprint">

netbox/templates/tenancy/contactrole.html

@@ -1,6 +1,7 @@
 {% extends 'generic/object.html' %}
 {% load helpers %}
 {% load plugins %}
+{% load render_table from django_tables2 %}
 
 {% block breadcrumbs %}
   <li class="breadcrumb-item"><a href="{% url 'tenancy:contactrole_list' %}">Contact Roles</a></li>
@@ -42,8 +43,8 @@
     <div class="col col-md-12">
       <div class="card">
         <h5 class="card-header">Assigned Contacts</h5>
-        <div class="card-body">
-          {% include 'inc/table.html' with table=contacts_table %}
+        <div class="card-body table-responsive">
+          {% render_table contacts_table 'inc/table.html' %}
         </div>
       </div>
       {% include 'inc/paginator.html' with paginator=contacts_table.paginator page=contacts_table.page %}

netbox/templates/tenancy/tenantgroup.html

@@ -1,6 +1,7 @@
 {% extends 'generic/object.html' %}
 {% load helpers %}
 {% load plugins %}
+{% load render_table from django_tables2 %}
 
 {% block breadcrumbs %}
   {{ block.super }}
@@ -59,8 +60,8 @@
       <div class="card-header">
         Tenants
       </div>
-      <div class="card-body">
-        {% include 'inc/table.html' with table=tenants_table %}
+      <div class="card-body table-responsive">
+        {% render_table tenants_table 'inc/table.html' %}
       </div>
       {% if perms.tenancy.add_tenant %}
         <div class="card-footer text-end noprint">

netbox/templates/virtualization/clustergroup.html

@@ -1,6 +1,7 @@
 {% extends 'generic/object.html' %}
 {% load helpers %}
 {% load plugins %}
+{% load render_table from django_tables2 %}
 
 {% block content %}
 <div class="row mb-3">
@@ -43,8 +44,8 @@
       <h5 class="card-header">
         Clusters
       </h5>
-      <div class="card-body">
-        {% include 'inc/table.html' with table=clusters_table %}
+      <div class="card-body table-responsive">
+        {% render_table clusters_table 'inc/table.html' %}
       </div>
       {% if perms.virtualization.add_cluster %}
         <div class="card-footer text-end noprint">

netbox/templates/virtualization/clustertype.html

@@ -1,6 +1,7 @@
 {% extends 'generic/object.html' %}
 {% load helpers %}
 {% load plugins %}
+{% load render_table from django_tables2 %}
 
 {% block content %}
 <div class="row mb-3">
@@ -42,8 +43,8 @@
       <h5 class="card-header">
         Clusters
       </h5>
-      <div class="card-body">
-      {% include 'inc/table.html' with table=clusters_table %}
+      <div class="card-body table-responsive">
+        {% render_table clusters_table 'inc/table.html' %}
       </div>
       {% if perms.virtualization.add_cluster %}
         <div class="card-footer text-end noprint">

netbox/templates/virtualization/virtualmachine/interfaces.html

@@ -7,7 +7,9 @@
   <form method="post">
     {% csrf_token %}
     {% include 'inc/table_controls.html' with table_modal="VirtualMachineVMInterfaceTable_config" %}
-    {% render_table interface_table 'inc/table.html' %}
+    <div class="table-responsive">
+      {% render_table interface_table 'inc/table.html' %}
+    </div>
     <div class="noprint">
         {% if perms.virtualization.change_vminterface %}
             <button type="submit" name="_rename" formaction="{% url 'virtualization:vminterface_bulk_rename' %}?return_url={% url 'virtualization:virtualmachine_interfaces' pk=object.pk %}" class="btn btn-warning btn-sm">

netbox/templates/virtualization/vminterface.html

@@ -91,7 +91,7 @@
             <h5 class="card-header">
                 IP Addresses
             </h5>
-            <div class="card-body">
+            <div class="card-body table-responsive">
                 {% if ipaddress_table.rows %}
                     {% render_table ipaddress_table 'inc/table.html' %}
                 {% else %}

netbox/templates/wireless/wirelesslan.html

@@ -1,6 +1,7 @@
 {% extends 'generic/object.html' %}
 {% load helpers %}
 {% load plugins %}
+{% load render_table from django_tables2 %}
 
 {% block content %}
 <div class="row">
@@ -53,8 +54,8 @@
   <div class="col col-md-12">
     <div class="card">
       <h5 class="card-header">Attached Interfaces</h5>
-      <div class="card-body">
-        {% include 'inc/table.html' with table=interfaces_table %}
+      <div class="card-body table-responsive">
+        {% render_table interfaces_table 'inc/table.html' %}
       </div>
     </div>
     {% include 'inc/paginator.html' with paginator=interfaces_table.paginator page=interfaces_table.page %}

netbox/templates/wireless/wirelesslangroup.html

@@ -1,6 +1,7 @@
 {% extends 'generic/object.html' %}
 {% load helpers %}
 {% load plugins %}
+{% load render_table from django_tables2 %}
 
 {% block breadcrumbs %}
   {{ block.super }}
@@ -55,8 +56,8 @@
 	<div class="col col-md-12">
     <div class="card">
       <div class="card-header">Wireless LANs</div>
-      <div class="card-body">
-        {% include 'inc/table.html' with table=wirelesslans_table %}
+      <div class="card-body table-responsive">
+        {% render_table wirelesslans_table 'inc/table.html' %}
       </div>
       {% if perms.wireless.add_wirelesslan %}
         <div class="card-footer text-end noprint">