Как отобразить «Опции» в DataTable, не используя DataTable Editor?

Question

У меня проблемы с поиском правильного синтаксиса для отображения / скрытия частей модального объекта DataTable. В зависимости от того, какой выпадающий выбор вы сделаете, модальное будет показывать / скрывать различные поля. Я нашел пример того, что я ищу, но они, кажется, используют редактор DataTable, который использует экземпляр new $.fn.dataTable.Editor( {...} );. Я хотел бы использовать свой текущий код, чтобы реализовать ту же идею, но в поиске, как именно это сделать.

Я создаю свойство 'option' в моем columnSet, но как мне показать раскрывающийся список? опция на самом деле будет показывать / скрывать модальные поля?

JavaScript

 <script>
    $(document).ready(function () {
        var adjustmentType = getDropdownList();

        function getDropdownList() {
            var result;
            $.ajax({
                url: '/DDRTarget?handler=AdjustmentType',
                type: 'GET',
                async: false
            }).done(function (data) {
                result = (data);
            });
            return result;
        }

        var columnSet = [
            {
                title: "Id",
                id: "Id",
                data: "id",
                placeholderMsg: "Id from database",
                "visible": false,
                "searchable": false,
                type: "readonly"
            },
            {
                title: "Adjustment Type",
                id: "AdjustmentType",
                data: "adjustment_Type",
                "visible": true,
                type: "select",
                "options": ["1 - Default", "2 - Refactors", "3 - Override"],
                editorOnChange: function () {
                    var currentValue = $(event.currentTarget).val();
                    alert("current value: " + currentValue);
                }
            }
           ]

          var myTable = $('#dt-basic-example').dataTable({
                dom: "<'row mb-3'<'col-sm-12 col-md-6 d-flex align-items-center justify-content-start'f><'col-sm-12 col-md-6 d-flex align-items-center justify-content-end'B>>" +
                    "<'row'<'col-sm-12'tr>>" +
                    "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
                columns: columnSet,
                select: 'single',
                altEditor: true,
                responsive: true

                ......

                })

HTML

                    <div class="col-xl-12">
                        <table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100"></table>
                    </div>

Теоретически я надеюсь увидеть что-то вроде этого: