[Minor] Use cascade FooTable column breakpoints

4 files changed, 21 insertions, 17 deletions

diff --git a/interface/js/app/graph.js b/interface/js/app/graph.js
index 71306f457..5b92c6df6 100644
--- a/interface/js/app/graph.js
+++ b/interface/js/app/graph.js
@@ -128,6 +128,7 @@ define(["jquery", "app/common", "d3evolution", "d3pie", "d3", "footable"],
 
             function initSummaryTable(rows, unit) {
                 common.tables.rrd_summary = FooTable.init("#rrd-table", {
+                    cascade: true,
                     sorting: {
                         enabled: true
                     },
diff --git a/interface/js/app/history.js b/interface/js/app/history.js
index e486c1060..97a759c9b 100644
--- a/interface/js/app/history.js
+++ b/interface/js/app/history.js
@@ -73,7 +73,7 @@ define(["jquery", "app/common", "app/libft", "footable"],
             }, {
                 name: "ip",
                 title: "IP address",
-                breakpoints: "xs sm",
+                breakpoints: "sm",
                 style: {width: 150, maxWidth: 150}
             }, {
                 name: "action",
@@ -92,13 +92,13 @@ define(["jquery", "app/common", "app/libft", "footable"],
             }, {
                 name: "size",
                 title: "Message size",
-                breakpoints: "xs sm",
+                breakpoints: "sm",
                 style: {width: 120, maxWidth: 120},
                 formatter: libft.formatBytesIEC
             }, {
                 name: "scan_time",
                 title: "Scan time",
-                breakpoints: "xs sm",
+                breakpoints: "sm",
                 style: {maxWidth: 80},
                 sortValue: function (val) { return Number(val); }
             }, {
@@ -110,7 +110,7 @@ define(["jquery", "app/common", "app/libft", "footable"],
             }, {
                 name: "user",
                 title: "Authenticated user",
-                breakpoints: "xs sm",
+                breakpoints: "sm",
                 style: {width: 200, maxWidth: 200}
             }];
         }
@@ -208,6 +208,7 @@ define(["jquery", "app/common", "app/libft", "footable"],
 
         function initErrorsTable(rows) {
             common.tables.errors = FooTable.init("#errorsLog", {
+                cascade: true,
                 columns: [
                     {sorted: true,
                         direction: "DESC",
@@ -217,15 +218,15 @@ define(["jquery", "app/common", "app/libft", "footable"],
                         sortValue: function (val) { return Number(val.options.sortValue); }},
                     {name: "type",
                         title: "Worker type",
-                        breakpoints: "xs sm",
+                        breakpoints: "sm",
                         style: {width: 150, maxWidth: 150}},
                     {name: "pid",
                         title: "PID",
-                        breakpoints: "xs sm",
+                        breakpoints: "sm",
                         style: {width: 110, maxWidth: 110}},
                     {name: "module", title: "Module"},
                     {name: "id", title: "Internal ID"},
-                    {name: "message", title: "Message", breakpoints: "xs sm"},
+                    {name: "message", title: "Message", breakpoints: "sm"},
                 ],
                 rows: rows,
                 paging: {
diff --git a/interface/js/app/libft.js b/interface/js/app/libft.js
index 2b2428385..a3d655780 100644
--- a/interface/js/app/libft.js
+++ b/interface/js/app/libft.js
@@ -71,7 +71,7 @@ define(["jquery", "app/common", "footable"],
             }, {
                 name: "ip",
                 title: "IP address",
-                breakpoints: "xs sm md",
+                breakpoints: "md",
                 style: {
                     "minWidth": "calc(14ch + 8px)",
                     "word-break": "break-all"
@@ -81,7 +81,7 @@ define(["jquery", "app/common", "footable"],
             }, {
                 name: "sender_mime",
                 title: "[Envelope From] From",
-                breakpoints: "xs sm md",
+                breakpoints: "md",
                 style: {
                     "minWidth": 100,
                     "maxWidth": 200,
@@ -90,7 +90,7 @@ define(["jquery", "app/common", "footable"],
             }, {
                 name: "rcpt_mime_short",
                 title: "[Envelope To] To/Cc/Bcc",
-                breakpoints: "xs sm md",
+                breakpoints: "md",
                 filterable: false,
                 classes: "d-none d-xl-table-cell",
                 style: {
@@ -106,7 +106,7 @@ define(["jquery", "app/common", "footable"],
             }, {
                 name: "subject",
                 title: "Subject",
-                breakpoints: "xs sm md",
+                breakpoints: "md",
                 style: {
                     "word-break": "break-all",
                     "minWidth": 150
@@ -149,13 +149,13 @@ define(["jquery", "app/common", "footable"],
             }, {
                 name: "size",
                 title: "Msg size",
-                breakpoints: "xs sm md",
+                breakpoints: "md",
                 style: {minwidth: 50},
                 formatter: ui.formatBytesIEC
             }, {
                 name: "time_real",
                 title: "Scan time",
-                breakpoints: "xs sm md",
+                breakpoints: "md",
                 style: {maxWidth: 72},
                 sortValue: function (val) { return Number(val); }
             }, {
@@ -168,7 +168,7 @@ define(["jquery", "app/common", "footable"],
             }, {
                 name: "user",
                 title: "Authenticated user",
-                breakpoints: "xs sm md",
+                breakpoints: "md",
                 style: {
                     "minWidth": 100,
                     "maxWidth": 130,
@@ -326,6 +326,7 @@ define(["jquery", "app/common", "footable"],
                 : columnsDefault.map((column) => column);
 
             common.tables[table] = FooTable.init("#historyTable_" + table, {
+                cascade: true,
                 columns: columns,
                 rows: items,
                 expandFirst: expandFirst,
diff --git a/interface/js/app/symbols.js b/interface/js/app/symbols.js
index 893eddb3b..203cf0d14 100644
--- a/interface/js/app/symbols.js
+++ b/interface/js/app/symbols.js
@@ -186,16 +186,17 @@ define(["jquery", "app/common", "footable"],
                     /* eslint-enable consistent-this, no-underscore-dangle, one-var-declaration-per-line */
 
                     common.tables.symbols = FooTable.init("#symbolsTable", {
+                        cascade: true,
                         columns: [
                             {sorted: true, direction: "ASC", name: "group", title: "Group"},
                             {name: "symbol", title: "Symbol"},
-                            {name: "description", title: "Description", breakpoints: "xs sm"},
+                            {name: "description", title: "Description", breakpoints: "sm"},
                             {name: "weight", title: "Score"},
                             {name: "frequency",
                                 title: "Frequency",
-                                breakpoints: "xs sm",
+                                breakpoints: "sm",
                                 sortValue: function (value) { return Number(value).toFixed(2); }},
-                            {name: "time", title: "Avg. time", breakpoints: "xs sm"},
+                            {name: "time", title: "Avg. time", breakpoints: "sm"},
                         ],
                         rows: items[0],
                         paging: {