diff --git a/resources/views/widgets/alertlog.blade.php b/resources/views/widgets/alertlog.blade.php
index fd497a6c3584..774d6a2ba521 100644
--- a/resources/views/widgets/alertlog.blade.php
+++ b/resources/views/widgets/alertlog.blade.php
@@ -1,18 +1,20 @@
-<div id="alertlog_container-{{ $id }}" class="table-responsive" data-reload="false">
-    <table id="alertlog_{{ $id }}" class="table table-hover table-condensed alerts">
-        <thead>
-        <tr>
-            <th data-column-id="status" data-sortable="false"></th>
-            <th data-column-id="time_logged" data-order="desc">{{ __('Timestamp') }}</th>
-            <th data-column-id="details" data-sortable="false">&nbsp;</th>
-            <th data-column-id="hostname">{{ __('Device') }}</th>
-            <th data-column-id="alert">{{ __('Alert') }}</th>
-        </tr>
-        </thead>
-    </table>
+<div id="alertlog_container-{{ $id }}" data-reload="false">
+    <div class="table-responsive">
+        <table id="alertlog_{{ $id }}" class="table table-hover table-condensed alerts">
+            <thead>
+            <tr>
+                <th data-column-id="status" data-sortable="false"></th>
+                <th data-column-id="time_logged" data-order="desc">{{ __('Timestamp') }}</th>
+                <th data-column-id="details" data-sortable="false">&nbsp;</th>
+                <th data-column-id="hostname">{{ __('Device') }}</th>
+                <th data-column-id="alert">{{ __('Alert') }}</th>
+            </tr>
+            </thead>
+        </table>
+    </div>
 </div>
 <script>
-    $(function () {
+    (function () {
         var grid = $("#alertlog_{{ $id }}").bootgrid({
             ajax: true,
             rowCount: [50, 100, 250, -1],
@@ -28,13 +30,6 @@
             },
             url: "ajax_table.php"
         }).on("loaded.rs.jquery.bootgrid", function () {
-
-            var results = $("div.infos").text().split(" ");
-            low = results[1] - 1;
-            high = results[3];
-            max = high - low;
-            search = $('.search-field').val();
-
             grid.find(".incident-toggle").each(function () {
                 $(this).parent().addClass('incident-toggle-td');
             }).on("click", function (e) {
@@ -65,5 +60,5 @@
             grid.bootgrid('destroy');
             delete grid;
         });
-    });
+    })();
 </script>
diff --git a/resources/views/widgets/alertlog_stats.blade.php b/resources/views/widgets/alertlog_stats.blade.php
index d1321dc54149..24c0bfbcc9a2 100644
--- a/resources/views/widgets/alertlog_stats.blade.php
+++ b/resources/views/widgets/alertlog_stats.blade.php
@@ -1,16 +1,18 @@
-<div id="alertlog_stats_container-{{ $id }}" class="table-responsive" data-reload="false">
-    <table id="alertlog_stats-{{ $id }}" class="table table-hover table-condensed table-striped">
-        <thead>
-        <tr>
-            <th data-column-id="count">{{ __('Count') }}</th>
-            <th data-column-id="hostname">{{ __('Device') }}</th>
-            <th data-column-id="alert_rule">{{ __('Alert rule') }}</th>
-        </tr>
-        </thead>
-    </table>
+<div id="alertlog_stats_container-{{ $id }}" data-reload="false">
+    <div class="table-responsive">
+        <table id="alertlog_stats-{{ $id }}" class="table table-hover table-condensed table-striped">
+            <thead>
+            <tr>
+                <th data-column-id="count">{{ __('Count') }}</th>
+                <th data-column-id="hostname">{{ __('Device') }}</th>
+                <th data-column-id="alert_rule">{{ __('Alert rule') }}</th>
+            </tr>
+            </thead>
+        </table>
+    </div>
 </div>
 <script>
-    $(function () {
+    (function () {
         var grid = $("#alertlog_stats-{{ $id }}").bootgrid({
             ajax: true,
             rowCount: [50, 100, 250, -1],
@@ -33,5 +35,5 @@
             grid.bootgrid('destroy');
             delete grid;
         });
-    });
+    })();
 </script>
diff --git a/resources/views/widgets/alerts.blade.php b/resources/views/widgets/alerts.blade.php
index 8f591696bf23..f4574f92581a 100644
--- a/resources/views/widgets/alerts.blade.php
+++ b/resources/views/widgets/alerts.blade.php
@@ -1,22 +1,24 @@
-<div id="alerts_container-{{ $id }}" class="table-responsive" data-reload="false">
-    <table id="alerts-{{ $id }}" class="table table-hover table-condensed alerts">
-        <thead>
-        <tr>
-            <th data-column-id="severity"></th>
-            <th data-column-id="timestamp">{{ __('Timestamp') }}</th>
-            <th data-column-id="rule">{{ __('Rule') }}</th>
-            <th data-column-id="details" data-sortable="false"></th>
-            <th data-column-id="hostname">{{ __('Hostname') }}</th>
-            <th data-column-id="location" data-visible="{{ $location ? 'true' : 'false' }}">{{ __('Location') }}</th>
-            <th data-column-id="ack_ico" data-sortable="false">{{ __('ACK') }}</th>
-            <th data-column-id="notes" data-sortable="false">{{ __('Notes') }}</th>
-            <th data-column-id="proc" data-sortable="false" data-visible="{{ $proc ? 'true' : 'false' }}">URL</th>
-        </tr>
-        </thead>
-    </table>
+<div id="alerts_container-{{ $id }}" data-reload="false">
+    <div class="table-responsive">
+        <table id="alerts-{{ $id }}" class="table table-hover table-condensed alerts">
+            <thead>
+            <tr>
+                <th data-column-id="severity"></th>
+                <th data-column-id="timestamp">{{ __('Timestamp') }}</th>
+                <th data-column-id="rule">{{ __('Rule') }}</th>
+                <th data-column-id="details" data-sortable="false"></th>
+                <th data-column-id="hostname">{{ __('Hostname') }}</th>
+                <th data-column-id="location" data-visible="{{ $location ? 'true' : 'false' }}">{{ __('Location') }}</th>
+                <th data-column-id="ack_ico" data-sortable="false">{{ __('ACK') }}</th>
+                <th data-column-id="notes" data-sortable="false">{{ __('Notes') }}</th>
+                <th data-column-id="proc" data-sortable="false" data-visible="{{ $proc ? 'true' : 'false' }}">URL</th>
+            </tr>
+            </thead>
+        </table>
+    </div>
 </div>
 <script>
-    $(function () {
+    (function () {
         var alerts_grid = $("#alerts-{{ $id }}").bootgrid({
             ajax: true,
             requestHandler: request => ({
@@ -75,11 +77,11 @@
         });
 
         $('#alerts_container-{{ $id }}').on('refresh', function (event) {
-            grid.bootgrid('reload');
+            alerts_grid.bootgrid('reload');
         });
         $('#alerts_container-{{ $id }}').on('destroy', function (event) {
-            grid.bootgrid('destroy');
-            delete grid;
+            alerts_grid.bootgrid('destroy');
+            delete alerts_grid;
         });
-    });
+    })();
 </script>
diff --git a/resources/views/widgets/eventlog.blade.php b/resources/views/widgets/eventlog.blade.php
index 0531e430a2b5..d4bc3f1b0454 100644
--- a/resources/views/widgets/eventlog.blade.php
+++ b/resources/views/widgets/eventlog.blade.php
@@ -1,15 +1,17 @@
-<div  id="eventlog_container-{{ $id }}" class="table-responsive">
-    <table id="eventlog-{{ $id }}" class="table table-hover table-condensed table-striped" data-ajax="true">
-        <thead>
-        <tr>
-            <th data-column-id="datetime" data-order="desc">{{ __('Timestamp') }}</th>
-            <th data-column-id="type">{{ __('Type') }}</th>
-            <th data-column-id="device_id">{{ __('Hostname') }}</th>
-            <th data-column-id="message">{{ __('Message') }}</th>
-            <th data-column-id="username">{{ __('User') }}</th>
-        </tr>
-        </thead>
-    </table>
+<div id="eventlog_container-{{ $id }}" data-reload="false">
+    <div class="table-responsive">
+        <table id="eventlog-{{ $id }}" class="table table-hover table-condensed table-striped">
+            <thead>
+            <tr>
+                <th data-column-id="datetime" data-order="desc">{{ __('Timestamp') }}</th>
+                <th data-column-id="type">{{ __('Type') }}</th>
+                <th data-column-id="device_id">{{ __('Hostname') }}</th>
+                <th data-column-id="message">{{ __('Message') }}</th>
+                <th data-column-id="username">{{ __('User') }}</th>
+            </tr>
+            </thead>
+        </table>
+    </div>
 </div>
 <script>
     $(function () {
diff --git a/resources/views/widgets/graylog.blade.php b/resources/views/widgets/graylog.blade.php
index c95159af80c6..e304097a6bfd 100644
--- a/resources/views/widgets/graylog.blade.php
+++ b/resources/views/widgets/graylog.blade.php
@@ -1,21 +1,23 @@
-<div id="graylog_container-{{ $id }}" class="table-responsive" data-reload="false">
-    <table id="graylog-{{ $id }}" class="table table-hover table-condensed graylog">
-        <thead>
-        <tr>
-            <th data-column-id="severity" data-sortable="false"></th>
-            <th data-column-id="origin">{{ __('Origin') }}</th>
-            <th data-column-id="timestamp" data-formatter="browserTime">{{ __('Timestamp') }}</th>
-            <th data-column-id="level" data-sortable="false">{{ __('Level') }}</th>
-            <th data-column-id="source">{{ __('Source') }}</th>
-            <th data-column-id="message" data-sortable="false">{{ __('Message') }}</th>
-            <th data-column-id="facility" data-sortable="false">{{ __('Facility') }}</th>
-        </tr>
-        </thead>
-    </table>
+<div id="graylog_container-{{ $id }}" data-reload="false">
+    <div class="table-responsive">
+        <table id="graylog-{{ $id }}" class="table table-hover table-condensed graylog">
+            <thead>
+            <tr>
+                <th data-column-id="severity" data-sortable="false"></th>
+                <th data-column-id="origin">{{ __('Origin') }}</th>
+                <th data-column-id="timestamp" data-formatter="browserTime">{{ __('Timestamp') }}</th>
+                <th data-column-id="level" data-sortable="false">{{ __('Level') }}</th>
+                <th data-column-id="source">{{ __('Source') }}</th>
+                <th data-column-id="message" data-sortable="false">{{ __('Message') }}</th>
+                <th data-column-id="facility" data-sortable="false">{{ __('Facility') }}</th>
+            </tr>
+            </thead>
+        </table>
+    </div>
 </div>
 
 <script>
-    $(function () {
+    (function () {
         var grid = $("#graylog-{{ $id }}").bootgrid({
             ajax: true,
             rowCount: ['{{ $limit }}', 25,50,100,250,-1],
@@ -48,5 +50,5 @@
             grid.bootgrid('destroy');
             delete grid;
         });
-    });
+    })();
 </script>
diff --git a/resources/views/widgets/syslog.blade.php b/resources/views/widgets/syslog.blade.php
index ea264d6f7a4a..61ed36f5e1f7 100644
--- a/resources/views/widgets/syslog.blade.php
+++ b/resources/views/widgets/syslog.blade.php
@@ -1,20 +1,22 @@
-<div id="syslog_container-{{ $id }}" class="table-responsive" data-reload="false">
-    <table id="syslog-{{ $id }}" class="table table-hover table-condensed table-striped">
-        <thead>
-        <tr>
-            <th data-column-id="label"></th>
-            <th data-column-id="timestamp" data-order="desc">{{ __('Timestamp') }}</th>
-            <th data-column-id="level">{{ __('Level') }}</th>
-            <th data-column-id="device_id">{{ __('Hostname') }}</th>
-            <th data-column-id="program">{{ __('Program') }}</th>
-            <th data-column-id="msg">{{ __('Message') }}</th>
-            <th data-column-id="priority">{{ __('Priority') }}</th>
-        </tr>
-        </thead>
-    </table>
+<div id="syslog_container-{{ $id }}" data-reload="false">
+    <div class="table-responsive">
+        <table id="syslog-{{ $id }}" class="table table-hover table-condensed table-striped">
+            <thead>
+            <tr>
+                <th data-column-id="label"></th>
+                <th data-column-id="timestamp" data-order="desc">{{ __('Timestamp') }}</th>
+                <th data-column-id="level">{{ __('Level') }}</th>
+                <th data-column-id="device_id">{{ __('Hostname') }}</th>
+                <th data-column-id="program">{{ __('Program') }}</th>
+                <th data-column-id="msg">{{ __('Message') }}</th>
+                <th data-column-id="priority">{{ __('Priority') }}</th>
+            </tr>
+            </thead>
+        </table>
+    </div>
 </div>
 <script type="application/javascript">
-    $(function () {
+    (function () {
         var grid = $("#syslog-{{ $id }}").bootgrid({
             ajax: true,
             rowCount: [50, 100, 250, -1],
@@ -37,5 +39,5 @@
             grid.bootgrid('destroy');
             delete grid;
         });
-    });
+    })();
 </script>