fix table (#117)

- will return empty `td` for conditionally rendering cells.
TykTechnologies · Apr 15, 2020 · a8d5d35 · a8d5d35
1 parent 31aeadd
commit a8d5d35
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 11 deletions.
diff --git a/src/components/Table/config.js b/src/components/Table/config.js
@@ -57,17 +57,7 @@ export const config = {
         date: {
           value: '01/01/2019',
         },
-        delete_btn: {
-          props: {
-            theme: 'danger',
-            size: 'sm',
-            onClick: () => console.log('Delete Btn Click'),
-          },
-          children: 'Delete',
-          events: {
-            onClick: () => console.log('Clicked the cell'),
-          },
-        },
+        delete_btn: null,
         input_test: {
           props: {
             type: 'number',

diff --git a/src/components/Table/js/cell.js b/src/components/Table/js/cell.js
@@ -2,6 +2,10 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 export const Cell = ({ col, row }) => {
+  if (!row.values[col.id]) {
+    return <td />;
+  }
+
   if (col.type === 'string') {
     return (
       // eslint-disable-next-line jsx-a11y/click-events-have-key-events