How to do dropDownlist using DataTable on Jquery?

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:`'slcCustom' class='custom' >
'default'>select something
'1'>Apple
`
}
]
});
});

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Ronika Jency6y ago
Drop down doesn't load the value or selected value not bind with the control.
Guest User6y ago
I have tried using the link using the documentation, the problem with this on my side the option dont seem to work, i dont know whether the issue is cell table. Please help.
Ronika Jency6y ago
Hi,

Kindly refer below link,

https://stackoverflow.com/questions/36031483/datatable-with-dropdown-column/36033586

https://stackoverflow.com/questions/29776144/how-to-have-a-dropdown-box-in-a-jquery-datatable-which-uses-an-ajax-call-to-retr