diff --git a/src/opnsense/mvc/app/controllers/OPNsense/TrafficShaper/Api/SettingsController.php b/src/opnsense/mvc/app/controllers/OPNsense/TrafficShaper/Api/SettingsController.php
index 4d011bdce..b29ccbe6d 100644
--- a/src/opnsense/mvc/app/controllers/OPNsense/TrafficShaper/Api/SettingsController.php
+++ b/src/opnsense/mvc/app/controllers/OPNsense/TrafficShaper/Api/SettingsController.php
@@ -348,7 +348,7 @@ class SettingsController extends ApiControllerBase
         $grid = new UIModelGrid($mdlShaper->rules->rule);
         return $grid->fetchBindRequest(
             $this->request,
-            array("interface", "proto","source","destination","description","origin","sequence","target"),
+            array("interface", "proto", "source_not","source", "destination_not", "destination", "description", "origin", "sequence", "target"),
             "sequence"
         );
     }
diff --git a/src/opnsense/mvc/app/views/OPNsense/TrafficShaper/index.volt b/src/opnsense/mvc/app/views/OPNsense/TrafficShaper/index.volt
index 7ff0ed465..23dd11fc7 100644
--- a/src/opnsense/mvc/app/views/OPNsense/TrafficShaper/index.volt
+++ b/src/opnsense/mvc/app/views/OPNsense/TrafficShaper/index.volt
@@ -64,7 +64,32 @@ POSSIBILITY OF SUCH DAMAGE.
                     get:'/api/trafficshaper/settings/getRule/',
                     set:'/api/trafficshaper/settings/setRule/',
                     add:'/api/trafficshaper/settings/addRule/',
-                    del:'/api/trafficshaper/settings/delRule/'
+                    del:'/api/trafficshaper/settings/delRule/',
+                    options: {
+                        converters: {
+                            notprefixable: {
+                                to: function (value) {
+                                    value = JSON.parse(value);
+                                    var str = "";
+                                    if (value.not) {
+                                        str += '<i class="fa fa-exclamation"></i> ';
+                                    }
+                                    str += value.val;
+                                    return str;
+                                }
+                            }
+                        },
+                        responseHandler: function (response) {
+                            // concatenate fields for not.
+                            if ('rows' in response) {
+                                for (var i = 0; i < response.rowCount; i++) {
+                                    response.rows[i]['displaysrc'] = JSON.stringify({'not':response.rows[i].source_not == '1', 'val':response.rows[i].source})
+                                    response.rows[i]['displaydst'] = JSON.stringify({'not':response.rows[i].destination_not == '1', 'val':response.rows[i].destination})
+                                }
+                            }
+                            return response;
+                        }
+                    }
                 }
         );
 
@@ -204,8 +229,8 @@ POSSIBILITY OF SUCH DAMAGE.
                 <th data-column-id="origin" data-type="string"  data-visible="false">{{ lang._('Origin') }}</th>
                 <th data-column-id="interface" data-type="string">{{ lang._('Interface') }}</th>
                 <th data-column-id="proto" data-type="string">{{ lang._('Protocol') }}</th>
-                <th data-column-id="source" data-type="string">{{ lang._('Source') }}</th>
-                <th data-column-id="destination" data-type="string">{{ lang._('Destination') }}</th>
+                <th data-column-id="displaysrc" data-type="notprefixable">{{ lang._('Source') }}</th>
+                <th data-column-id="displaydst" data-type="notprefixable">{{ lang._('Destination') }}</th>
                 <th data-column-id="target" data-type="string">{{ lang._('Target') }}</th>
                 <th data-column-id="description" data-type="string">{{ lang._('Description') }}</th>
                 <th data-column-id="commands" data-width="7em" data-formatter="commands" data-sortable="false">{{ lang._('Commands') }}</th>