How to do dropDownlist using DataTable on Jquery?

Question

Hi Team

 

I need some helpe below, basically i want to get dropdownlist for WhoAttend column, but my dropdownlist doesnt seem to work as expected. Need some improvement to this logic below, please mates.

$(document).ready(function () {

         $("#EventsManagementsTable").DataTable({

             "columnDefs": [
             { "width": "5%", "targets": [0] },
             { "className": "text-center custom-middle-align" ,"targets":[0, 1, 2, 3, 4, 5, 6] },
             ],

             "serverSide": "true",
             "order":[0,"asc"],
             "processing": "true",
             "language": {
                 "processing": "processing...... please wait"
             },
             "ajax": {
                 "url": "/Dashboard/GetData",
                 "type": "POST",
                 "datatype": "JSON",

             },

            "columns": [
             {"data": "TrainingType", "name": "TrainingType"},
             { "data": "TrainingDescription", "name": "TrainingDescription"},
             { "data": "Price", "name": "Price"},
             { "data": "Venue", "name": "Venue"},
             { "data": "Facilitator", "name":"Facilitator" },
             { "data": "WhoAttend", "name" : "WhoAttend" },
             {"data": "RSVP", "name":"RSVP" },
                {
             className: "center",
             defaultContent:`<select name='slcCustom' class='custom' >
               <option value='default'>select something</option>
               <option value='1'>Apple</option>
               </select>`
           }
            ]


         });

     });