diff --git a/packages/builder/src/components/ComponentOptions/components/Content/Loop/Grid/header.js b/packages/builder/src/components/ComponentOptions/components/Content/Loop/Grid/header.js
new file mode 100644
index 000000000..615bd786d
--- /dev/null
+++ b/packages/builder/src/components/ComponentOptions/components/Content/Loop/Grid/header.js
@@ -0,0 +1,91 @@
+import React, { useState } from 'react'
+
+import { InputGroupButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem,
+ InputGroup } from 'reactstrap'
+import classnames from 'classnames'
+
+import Icon from '../../../../../Icon'
+import { FastField, useField } from 'formik'
+
+const CellTypeDropdown = ({ name, disabled=false }) => {
+ const [field, , helpers] = useField(name)
+ const [dropdownOpen, setDropdownOpen] = useState(false)
+
+ return (
+ setDropdownOpen(!dropdownOpen) }
+ >
+
+
+
+
+ Data type
+ helpers.setValue('string') }
+ >
+ Text (categorical)
+
+ helpers.setValue('number') }
+ >
+ Numerical (continuous)
+
+ helpers.setValue('boolean') }
+ >
+ Boolean (binary)
+
+
+
+ )
+}
+
+export const HeaderCell = ({ index }) =>
+
+
+
+
+
+export default ({ name, columns }) =>
+
+
+ |
+ { Array(columns).fill(null).map((_, i) =>
+
+
+ |
+ ) }
+ |
+
+
diff --git a/packages/builder/src/components/ComponentOptions/components/Content/Loop/Grid/index.js b/packages/builder/src/components/ComponentOptions/components/Content/Loop/Grid/index.js
index 0db634406..13f4df015 100644
--- a/packages/builder/src/components/ComponentOptions/components/Content/Loop/Grid/index.js
+++ b/packages/builder/src/components/ComponentOptions/components/Content/Loop/Grid/index.js
@@ -2,6 +2,7 @@ import React, { Fragment } from 'react'
import { FastField, useFormikContext } from 'formik'
+import Header from './header'
import { Table, DefaultRow } from '../../../../../Form/table'
const Row = ({ index: rowIndex, name, data, arrayHelpers }) =>
@@ -28,6 +29,7 @@ export default () => {
name="templateParameters.rows"
row={ Row }
columns={ templateParameters.columns.length }
+ header={ Header }
className="border-top-0"
/>
}