JSFiddle - React, Tailwind, and code Playground

HTML

<!-- ibsheet css -->
<link rel="stylesheet" href="https://demo.ibleaders.com/ibsheet/v8/samples/customer-sample/assets/ibsheet/css/default/main.css"/>
<link rel="stylesheet" href="https://demo.ibleaders.com/ibsheet/v8/samples/customer-sample/assets/ibsheet/css/compatible/light/main.css"/>

<!--  ibsheet 필수 js -->
<script src="https://demo.ibleaders.com/ibsheet/v8/samples/customer-sample/assets/ibsheet/ibleaders.js"></script>
<script src="https://demo.ibleaders.com/ibsheet/v8/samples/customer-sample/assets/ibsheet/ibsheet.js"></script>
<script src="https://demo.ibleaders.com/ibsheet/v8/samples/customer-sample/assets/ibsheet/locale/ko.js"></script>

<!--  ibsheet 선택/추가 js -->
<script src="https://demo.ibleaders.com/ibsheet/v8/samples/customer-sample/assets/ibsheet/plugins/ibsheet-common.js"></script>
<script src="https://demo.ibleaders.com/ibsheet/v8/samples/customer-sample/assets/ibsheet/plugins/ibsheet-dialog.js"></script>
<script src="https://demo.ibleaders.com/ibsheet/v8/samples/customer-sample/assets/ibsheet/plugins/ibsheet-excel.js"></script>
<div>
<h3>
드롭리스트 일부 아이템을 선택 불가하게 설정
</h3></div>
<div style='height:calc(100% - 108px)'>
<div id='sheetDiv' style='width:100%;height:100%'></div>
</div>

JavaScript

var ib = ib||{};
ib = {
//시트 초기화 구문
'init':{
  "Def": {
    "Col": {
      "Spanned": 1
    },
    "Row": {
      "Spanned": 1
    }
  },
  //공통기능 설정 부분
  "Cfg": {
    "SearchMode": 0,
    "Export": {
      "Url": "https://api.ibleaders.com/ibsheet/v8/"
    }
    
  },
  //틀고정 좌측 컬럼 설정
  "LeftCols": [
  					{
                Header: "NO",
                Type: "Int",
                Name: "SEQ"
            },
            {
                Header: "",
                Type: "Bool",
                Name: "chk"
            } 
            
            ],
  //중앙(메인) 컬럼 설정
  "Cols": [
     			{   Header: "Type Enum",           
            	Type: "Enum",
            	Name: "sEnum",
              Enum: "|안산1|안산2|화성1|화성2|화성3|일산1|일산2",
              EnumKeys: "|A0|B0|C0|D0|E0|F0|G0",
              EnumMenu : {
                  Items: [
                      {
                          Text: "안산1",
                          Value: "A0",
                          Disabled: 1
                      },
                       {
                          Text: "안산2",
                          Value: "B0",
                      },
                       {
                          Text: "화성1",
                          Value: "C0",
                      },
                       {
                          Text: "화성2",
                          Value: "D0",
                      },
                       {
                          Text: "화성3",
                          Value: "E0",
                          Disabled: 1
                      },
                       {
                          Text: "일산1",
                          Value: "F0",
                      },
                       {
                          Text: "일산2",
                          Value: "G0",
                      },
                  ]
              },
            	Width: 200,
            }
  ]
},
//시트 이벤트
'event':{
	onRenderFirstFinish: function(evtParam) {
 ...