title: DataTable with dropdown Column
body: <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>