Question

我正在尝试设计包含2行和3列的表。在第一行中将是标题行，标题为列。在第2行第1列是可编辑文本区域，第2列和第3列是下拉列表。我正在使用HTML表来实现这一目标。但无法获得下拉选项。

这是我的表

的代码

<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><a href="#">HTML</a></li>
          <li><a href="#">CSS</a></li>
          <li><a href="#">JavaScript</a></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><a href="#">HTML</a></li>
         <li><a href="#">CSS</a></li>
         <li><a href="#">JavaScript</a></li>
          </ul>
         </div></td>
           </tr>
          </tbody>
          </table>
          </div>

CSS .modalpop-body {background: brown;margin:30px;font-size:24px;padding: 20px;}

您可以在check this link

中查看

Answer 2

您的代码不完整。尝试提供更好的代码来理解。谢谢

Answer 3

你的问题令人困惑，但你指的是这样的事情吗？

<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>

希望这会有所帮助。

在表格单元格中插入下拉列表选项

3 个答案: