<script>
        $(document).ready(function () {
            //　スプレッドシートを初期化します。
            var spread = new GC.Spread.Sheets.Workbook(document.getElementById('ss'), { sheetCount: 1 });
            // アクティブシートを取得します。
            var sheet = spread.getActiveSheet();
            // データソースは配列です。
            let dataSource = [
                {
                    "NAME": "James Smith",
                    "POSITION": "AVP",
                    "OFFICE": "Fox Studios",
                    "EXTN": 71,
                    "START_DATE": '3/08/2008',
                    "JOINING_YEAR": 2008
                }
            ];
            let colInfos = [
                { name: "NAME", displayName: "NAME", size: "2*" },
                { name: "POSITION", displayName: "POSITION", size: "*" },
                { name: "OFFICE", size: "*" },
                { name: "EXTN", size: "*" },
                { name: "START_DATE", size: 100 },
                { name: "JOINING_YEAR", size: 100 }
            ];
            // スタイルを作成します。
            var style = new GC.Spread.Sheets.Style();
            style.cellButtons = [
                {
                    imageType: GC.Spread.Sheets.ButtonImageType.dropdown,
                    command: "openMultiColumn",
                    useButtonStyle: true,
                }
            ];
            style.dropDowns = [
                {
                    type: GC.Spread.Sheets.DropDownType.multiColumn,
                    option: {
                        width: 600,
                        height: 150,
                        dataSource: dataSource,
                        bindingInfos: colInfos
                    }
                }
            ];
            // スタイルのフォーマッタを設定します。
            style.formatter = '=PROPERTY(@, "OFFICE")';
            // スタイルを設定します。
            sheet.setStyle(0, 1, style);
            // テキストを設定します。
            sheet.setText(0, 0, "DataSource is array, return data parsed to the value of property 'OFFICE'.");
            // ワードラップを設定します。
            sheet.getCell(0, 0).wordWrap(true);
            sheet.getCell(0, 1).wordWrap(true);
            // 列の幅を設定します。
            sheet.setColumnWidth(0, 200);
            sheet.setColumnWidth(1, 400);
            // 行の高さを設定します。
            sheet.setRowHeight(0, 70);
        });
    </script>