Inserting Dropdown list option in Table Cell - html

Question

I am trying to design the table with 2 rows and 3 columns. In the first row would be Header row with headings of Columns. And in 2nd row 1st column would be Editable Text area and 2nd column and 3rd column would be Dropdown list. I am using HTML table to achieve this. But not able to getting the dropdown option.
This is my code for Table
<div id="MainContent_panelConfigFileContent">
<table class="table">
<tbody>
<tr>
<th>Start Position</th>
<th>Type of Scramble</th>
<th>Scrambling Required</th>
</tr>
</tbody>
</table>
</div>

Answer 1

<form id="form1" runat="server">
<div class="row modalpop-body">
<table>
<thead>
<tr>
<td class="col-md-4">Start Position</td>
<td class="col-md-4">Type of Scramble</td>
<td class="col-md-4">Scrambling Required</td>
</tr>
</thead>
<tbody>
<tr>
<td class="col-md-4"><textarea class="form-control" rows="3" id="comment"></textarea></td>
<td class="col-md-4"><div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</div></td>
<td class="col-md-4"><div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</div></td>
</tr>
</tbody>
</table>
</div>
CSS .modalpop-body {background: brown;margin:30px;font-size:24px;padding: 20px;}
you can check it in check this link

Answer 2

Your question is confusing but are you referring to something like this?
<table>
<thead>
<tr>
<td>Header 1</td>
<td>Header 2</td>
<td>Header 3</td>
</tr>
</thead>
<tbody>
<tr>
<td>Your Editor</td>
<td>Your Dropdown</td>
<td>Your Dropdown</td>
</tr>
</tbody>
</table>
Hope this helps somehow.

Answer 3

Your code is incomplete. Try to give a better code to understand. Thank you