diff --git a/frontend/src/Editor/Components/Table/Table.jsx b/frontend/src/Editor/Components/Table/Table.jsx
index 444e011596..60636ded37 100644
--- a/frontend/src/Editor/Components/Table/Table.jsx
+++ b/frontend/src/Editor/Components/Table/Table.jsx
@@ -48,6 +48,10 @@ export function Table({
   const displaySearchBoxProperty = component.definition.properties.displaySearchBox;
   const displaySearchBox = displaySearchBoxProperty ? displaySearchBoxProperty.value : true;
 
+  const tableTypeProperty = component.definition.styles.tableType;
+  let tableType = tableTypeProperty ? tableTypeProperty.value : 'table-bordered';
+  tableType = tableType === '' ? 'table-bordered' : tableType;
+
   const [loadingState, setLoadingState] = useState(false);
 
   useEffect(() => {
@@ -586,7 +590,7 @@ export function Table({
         </div>
       )}
       <div className="table-responsive jet-data-table">
-        <table {...getTableProps()} className="table table-vcenter table-nowrap table-bordered" style={computedStyles}>
+        <table {...getTableProps()} className={`table table-vcenter table-nowrap ${tableType}`} style={computedStyles}>
           <thead>
             {headerGroups.map((headerGroup) => (
               <tr {...headerGroup.getHeaderGroupProps()} tabIndex="0" className="tr">
diff --git a/frontend/src/Editor/Components/components.js b/frontend/src/Editor/Components/components.js
index 96e03ff80b..db6c86674c 100644
--- a/frontend/src/Editor/Components/components.js
+++ b/frontend/src/Editor/Components/components.js
@@ -31,6 +31,13 @@ export const componentTypes = [
     },
     styles: {
       textColor: { type: 'color', displayName: 'Text Color' },
+      tableType: { type: 'select', displayName: 'Table type', options: [
+        { name: 'Bordered', value: '' },
+        { name: 'Borderless', value: 'table-borderless' },
+        { name: 'Classic', value: 'table-classic' },
+        { name: 'Striped', value: 'table-striped' },
+        { name: 'Striped & bordered', value: 'table-striped table-bordered' }
+      ] },
     },
     exposedVariables: {
       selectedRow: {},
@@ -64,7 +71,7 @@ export const componentTypes = [
       },
       events: [],
       styles: {
-        textColor: { value: '' },
+        textColor: { value: '#00' },
       },
     },
   },
diff --git a/frontend/src/Editor/Inspector/Components/Table.jsx b/frontend/src/Editor/Inspector/Components/Table.jsx
index c9d7fb3895..8c986af097 100644
--- a/frontend/src/Editor/Inspector/Components/Table.jsx
+++ b/frontend/src/Editor/Inspector/Components/Table.jsx
@@ -503,6 +503,7 @@ class Table extends React.Component {
 
         {renderElement(component, componentMeta, paramUpdated, dataQueries, 'loadingState', 'properties', currentState)}
         {renderElement(component, componentMeta, paramUpdated, dataQueries, 'textColor', 'styles', currentState)}
+        {renderElement(component, componentMeta, paramUpdated, dataQueries, 'tableType', 'styles', currentState)}
       </div>
     );
   }