fix(table): only renders the action column when function or non empty array as actions prop

Author: assisrafael

demo/TableExamples.jsx

@@ -143,6 +143,7 @@ export function TableExamples() {
             striped={false}
             bordered={true}
             rowClass={(doc) => (doc.b % 2 === 1 ? 'table-primary' : '')}
+            actions={[]}
           />
         </div>
 

src/table/Table.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { isArray, isFunction } from 'js-var-type';
 import { TableHead } from './TableHead';
 import { TableBody } from './TableBody';
 import { normalizeColumns } from './table-helpers';
@@ -31,11 +32,13 @@ export function Table({
     dark && 'table-dark',
   ]);
 
+  const hasActions = isFunction(actions) || (isArray(actions) && actions.length > 0);
+
   return (
     <div className="table-responsive">
       <table className={tableClasses}>
         {caption && <caption>{caption}</caption>}
-        <TableHead {...{ actionLabel, columnHeaderFormat, hasActions: Boolean(actions) }} columns={normalizedColumns} />
+        <TableHead {...{ actionLabel, columnHeaderFormat, hasActions }} columns={normalizedColumns} />
         <TableBody {...{ docs, rowClass, actions, onRowClick }} columns={normalizedColumns} />
       </table>
     </div>

src/table/TableActions.jsx

@@ -11,6 +11,10 @@ export function TableActions({ doc, docIndex, actions }) {
 
   const normalizedActions = normalizeAction(actions, doc, docIndex);
 
+  if (normalizedActions.length === 0) {
+    return null;
+  }
+
   return (
     <td className="text-center">
       {normalizedActions.map((action, actionIndex) => (