DataTable with dropdown Column
<p>I need to make dropdown as column in DataTable jQuery it is lookinng like as below right now <a href="https://i.stack.imgur.com/BPm99.png" rel="noreferrer"><img src="https://i.stack.imgur.com/BPm99.png" alt="Datatable now"></a></p>

<p>And I want it like the below image
<a href="https://i.stack.imgur.com/pGMDN.png" rel="noreferrer"><img src="https://i.stack.imgur.com/pGMDN.png" alt="enter image description here"></a></p>

<p>and the code which I use is</p>

<pre><code>&lt;table id="example" class="hover row-border dataTable" role="grid" width="100%"&gt;
    &lt;thead class="dataTableHeader"&gt;
        &lt;tr&gt;
            &lt;th&gt;Days&lt;/th&gt;
            &lt;th&gt;Start Time&lt;/th&gt;
            &lt;th&gt;End Time&lt;/th&gt;
        &lt;/tr&gt;
    &lt;/thead&gt;
&lt;/table&gt;

$(document).ready(function () {
    $('#example').DataTable({
        "aaData": OrganizationData.OrganizationPreference.ScheduleDaysCol,
        "columns": [
            {"data": "DayName"},
            {"data": "StartDateHour"},
            {"data": "EndDateHour"}

        ],
        "paging": false,
        "ordering": false,
        "info": false,
        "filter": false
    });
});
</code></pre>