[#1697] Grid > Custom Context Menu > Column List > 기본 선택된 컬럼 지정 및 체크박스 disabled 처리

docs/views/grid/example/Default.vue

@@ -17,6 +17,7 @@
           use: useGridSettingMV,
           useDefaultColumnSetting: useGridDefaultSettingMV,
           customContextMenu: gridSettingMenuItems,
+          disabledColumnInContextMenu: ['userName'],
         },
         useFilter: useFilterMV,
         customContextMenu: menuItems,

src/components/grid/Grid.vue

@@ -573,6 +573,7 @@
     v-model:is-show-menu-on-click="isShowMenuOnClick"
     :columns="$props.columns"
     :hidden-column="hiddenColumn"
+    :disabled-column="disabledColumn"
     :position="columnSettingPosition"
     :text-info="columnSettingTextInfo"
     @apply-column="onApplyColumn"
@@ -737,6 +738,9 @@ export default {
       isFilteringColumn: false, // hide된 컬럼이 있는지
       visibleColumnIdx: [], // 보여지는 컬럼의 인덱스 목록
       hiddenColumn: '',
+      disabledColumn: cloneDeep(
+        props.option?.useGridSetting?.disabledColumnInContextMenu,
+      ),
       columnSettingPosition: {
         top: 0,
         left: 0,

src/components/grid/GridColumnSetting.vue

@@ -26,6 +26,7 @@
                 v-for="(column, idx) in columnList"
                 :key="`column_${idx}`"
                 :label="column?.label"
+                :disabled="$props.disabledColumn.includes(column?.text)"
                 :tooltip-title="column?.label ?? ''"
               />
             </ev-checkbox-group>
@@ -77,6 +78,10 @@ export default {
       type: String,
       default: '',
     },
+    disabledColumn: {
+      type: [Array],
+      default: () => [],
+    },
     position: {
       type: Object,
       default: () => ({