diff --git a/frontend/src/components/ColumnSettings.vue b/frontend/src/components/ColumnSettings.vue
index 438e7eaff..698b4b679 100644
--- a/frontend/src/components/ColumnSettings.vue
+++ b/frontend/src/components/ColumnSettings.vue
@@ -70,6 +70,16 @@
                 </Button>
               </template>
             </Autocomplete>
+            <Button
+              class="w-full !justify-start !text-gray-600"
+              variant="ghost"
+              @click="addAllColumns(close)"
+              :label="__('Add All Columns')"
+            >
+              <template #prefix>
+                <FeatherIcon name="plus" class="h-4" />
+              </template>
+            </Button>
             <Button
               v-if="columnsUpdated"
               class="w-full !justify-start !text-ink-gray-5"
@@ -215,7 +225,7 @@ const fields = computed(() => {
 })
 
 function addColumn(c) {
-  let align = ['Float', 'Int', 'Percent', 'Currency'].includes(c.type) ? 'right' : 'left'
+  let align = ['Float', 'Int', 'Percent', 'Currency'].includes(c.type) ? 'right': 'left'
   let _column = {
     label: c.label,
     type: c.type,
@@ -228,6 +238,21 @@ function addColumn(c) {
   apply(true)
 }
 
+function addAllColumns(close) {
+  for (const c of fields.value) {
+      const _column = {
+        label: c.label,
+        type: c.type,
+        key: c.value,
+        width: '10rem',
+      };
+      columns.value.push(_column)
+      rows.value.push(c.value)
+  }
+  apply(true)
+  close()
+}
+
 function removeColumn(c) {
   columns.value = columns.value.filter((column) => column.key !== c.key)
   if (c.key !== 'name') {