Remove select checkboxes when actions unavailable

ui/index-table-component.ts

@@ -40,21 +40,34 @@ function renderTable(
   recordActionsCallback?: Children | ((record: Record<string, any>) => Children)
 ): Children {
   const records = data || [];
-  const selectAll = m("input", {
+
-    type: "checkbox",
+  // Actions bar
-    checked: records.length && selected.size === records.length,
+  let buttons: Children = [];
-    onchange: e => {
+  if (typeof actionsCallback === "function") {
-      for (const record of records) {
+    buttons = actionsCallback(selected);
-        const id = record["_id"] || record["DeviceID.ID"].value[0];
+    if (!Array.isArray(buttons)) buttons = [buttons];
-        if (e.target.checked) selected.add(id);
+  } else if (Array.isArray(actionsCallback)) {
-        else selected.delete(id);
+    buttons = actionsCallback;
-      }
+  }
-    },
-    disabled: !total
-  });
 
   // Table header
-  const labels = [m("th", selectAll)];
+  const labels = [];
+  if (buttons.length) {
+    const selectAll = m("input", {
+      type: "checkbox",
+      checked: records.length && selected.size === records.length,
+      onchange: e => {
+        for (const record of records) {
+          const id = record["_id"] || record["DeviceID.ID"].value[0];
+          if (e.target.checked) selected.add(id);
+          else selected.delete(id);
+        }
+      },
+      disabled: !total
+    });
+    labels.push(m("th", selectAll));
+  }
+
   for (let i = 0; i < attributes.length; i++) {
     const attr = attributes[i];
     const label = attr.label;
@@ -87,20 +100,23 @@ function renderTable(
   const rows = [];
   for (const record of records) {
     const id = record["_id"] || record["DeviceID.ID"].value[0];
-    const checkbox = m("input", {
+    const tds = [];
-      type: "checkbox",
+    if (buttons.length) {
-      checked: selected.has(id),
+      const checkbox = m("input", {
-      onchange: e => {
+        type: "checkbox",
-        if (e.target.checked) selected.add(id);
+        checked: selected.has(id),
-        else selected.delete(id);
+        onchange: e => {
-      },
+          if (e.target.checked) selected.add(id);
-      onclick: e => {
+          else selected.delete(id);
-        e.stopPropagation();
+        },
-        e.redraw = false;
+        onclick: e => {
-      }
+          e.stopPropagation();
-    });
+          e.redraw = false;
+        }
+      });
+      tds.push(m("td", checkbox));
+    }
 
-    const tds = [m("td", checkbox)];
     for (const attr of attributes) {
       const attrs = {};
       let valueComponent;
@@ -180,15 +196,6 @@ function renderTable(
     m("tr", m("td", { colspan: labels.length }, footerElements))
   );
 
-  // Actions bar
-  let buttons: Children = [];
-  if (typeof actionsCallback === "function") {
-    buttons = actionsCallback(selected);
-    if (!Array.isArray(buttons)) buttons = [buttons];
-  } else if (Array.isArray(actionsCallback)) {
-    buttons = actionsCallback;
-  }
-
   const children = [
     m(
       "table.table.highlight",