如何在一个单元格中使表格更多单元格

Question

我正在我的网站上制作一个硬件插件，并在那里制作一张桌子。在该表中，我需要通过划分为 4 个主要单元格并在每个其他 3 个亚种中划分来做到这一点，依此类推。我想在这些单元格中进行选择，因此我不知道如何使用它。我会给你一个我想要它作为图片的样本。我还将附上到目前为止我所拥有的代码。提前感谢您的帮助。

<table>
   <tr>
      <td>Monitor</td>
      <td>
         <select id="monitorSelect">
            <option>-----</option>
            <option>zobrazuje grafický výstup</option>
            <option>může fungovat k ovládání počítače</option>
            <option>reprodukuje zvuk</option>
            <option>může nahrávat zvuk</option>
            <option>nahrává video</option>
            <option>zobrazuje grafický výstup</option>
         </select>
         <select id="monitor2Select">
            <option>-----</option>
            <option>zobrazuje grafický výstup</option>
            <option>může fungovat k ovládání počítače</option>
            <option>reprodukuje zvuk</option>
            <option>může nahrávat zvuk</option>
            <option>nahrává video</option>
            <option>zobrazuje grafický výstup</option>
         </select>
         <select id="monitor3Select">
            <option>-----</option>
            <option>zobrazuje grafický výstup</option>
            <option>může fungovat k ovládání počítače</option>
            <option>reprodukuje zvuk</option>
            <option>může nahrávat zvuk</option>
            <option>nahrává video</option>
            <option>zobrazuje grafický výstup</option>
         </select>
      </td>
      <td>
         <select id="monitor4Select">
            <option>-----</option>
            <option>dotykovost</option>
            <option>velikost (palce)</option>
            <option>konektor</option>
            <option>způsob připojení</option>
            <option>integrovaný mikrofon</option>
            <option>rozlišení (px)</option>
            <option>rychlost (str./min)</option>
            <option>technologie tisku</option>
            <option>černobílá/barevná</option>
         </select>
         <select id="monitor5Select">
            <option>-----</option>
            <option>dotykovost</option>
            <option>velikost (palce)</option>
            <option>konektor</option>
            <option>způsob připojení</option>
            <option>integrovaný mikrofon</option>
            <option>rozlišení (px)</option>
            <option>rychlost (str./min)</option>
            <option>technologie tisku</option>
            <option>černobílá/barevná</option>
         </select>
         <select id="monitor6Select">
            <option>-----</option>
            <option>dotykovost</option>
            <option>velikost (palce)</option>
            <option>konektor</option>
            <option>způsob připojení</option>
            <option>integrovaný mikrofon</option>
            <option>rozlišení (px)</option>
            <option>rychlost (str./min)</option>
            <option>technologie tisku</option>
            <option>černobílá/barevná</option>
         </select>
      </td>
   </tr>
   <tr>
      <td>Sluchátka</td>
      <td>
         <select id="sluchatkaSelect">
            <option>-----</option>
            <option>zobrazuje grafický výstup</option>
            <option>může fungovat k ovládání počítače</option>
            <option>reprodukuje zvuk</option>
            <option>může nahrávat zvuk</option>
            <option>nahrává video</option>
            <option>zobrazuje grafický výstup</option>
         </select>
         <select id="sluchatka2Select">
            <option>-----</option>
            <option>zobrazuje grafický výstup</option>
            <option>může fungovat k ovládání počítače</option>
            <option>reprodukuje zvuk</option>
            <option>může nahrávat zvuk</option>
            <option>nahrává video</option>
            <option>zobrazuje grafický výstup</option>
         </select>
         <select id="sluchatka3Select">
            <option>-----</option>
            <option>zobrazuje grafický výstup</option>
            <option>může fungovat k ovládání počítače</option>
            <option>reprodukuje zvuk</option>
            <option>může nahrávat zvuk</option>
            <option>nahrává video</option>
            <option>zobrazuje grafický výstup</option>
         </select>
      </td>
      <td>
         <select id="sluchatka4Select">
            <option>-----</option>
            <option>dotykovost</option>
            <option>velikost (palce)</option>
            <option>konektor</option>
            <option>způsob připojení</option>
            <option>integrovaný mikrofon</option>
            <option>rozlišení (px)</option>
            <option>rychlost (str./min)</option>
            <option>technologie tisku</option>
            <option>černobílá/barevná</option>
         </select>
         <select id="sluchatka5Select">
            <option>-----</option>
            <option>dotykovost</option>
            <option>velikost (palce)</option>
            <option>konektor</option>
            <option>způsob připojení</option>
            <option>integrovaný mikrofon</option>
            <option>rozlišení (px)</option>
            <option>rychlost (str./min)</option>
            <option>technologie tisku</option>
            <option>černobílá/barevná</option>
         </select>
         <select id="sluchatka6Select">
            <option>-----</option>
            <option>dotykovost</option>
            <option>velikost (palce)</option>
            <option>konektor</option>
            <option>způsob připojení</option>
            <option>integrovaný mikrofon</option>
            <option>rozlišení (px)</option>
            <option>rychlost (str./min)</option>
            <option>technologie tisku</option>
            <option>černobílá/barevná</option>
         </select>
      </td>
   </tr>
   <tr>
      <td>Kamera</td>
      <td>
         <select id="kameraSelect">
            <option>-----</option>
            <option>zobrazuje grafický výstup</option>
            <option>může fungovat k ovládání počítače</option>
            <option>reprodukuje zvuk</option>
            <option>může nahrávat zvuk</option>
            <option>nahrává video</option>
            <option>zobrazuje grafický výstup</option>
         </select>
         <select id="kamera2Select">
            <option>-----</option>
            <option>zobrazuje grafický výstup</option>
            <option>může fungovat k ovládání počítače</option>
            <option>reprodukuje zvuk</option>
            <option>může nahrávat zvuk</option>
            <option>nahrává video</option>
            <option>zobrazuje grafický výstup</option>
         </select>
         <select id="kamera3Select">
            <option>-----</option>
            <option>zobrazuje grafický výstup</option>
            <option>může fungovat k ovládání počítače</option>
            <option>reprodukuje zvuk</option>
            <option>může nahrávat zvuk</option>
            <option>nahrává video</option>
            <option>zobrazuje grafický výstup</option>
         </select>
      </td>
      <td>
         <select id="kamera4Select">
            <option>-----</option>
            <option>dotykovost</option>
            <option>velikost (palce)</option>
            <option>konektor</option>
            <option>způsob připojení</option>
            <option>integrovaný mikrofon</option>
            <option>rozlišení (px)</option>
            <option>rychlost (str./min)</option>
            <option>technologie tisku</option>
            <option>černobílá/barevná</option>
         </select>
         <select id="kamera5Select">
            <option>-----</option>
            <option>dotykovost</option>
            <option>velikost (palce)</option>
            <option>konektor</option>
            <option>způsob připojení</option>
            <option>integrovaný mikrofon</option>
            <option>rozlišení (px)</option>
            <option>rychlost (str./min)</option>
            <option>technologie tisku</option>
            <option>černobílá/barevná</option>
         </select>
         <select id="kamera6Select">
            <option>-----</option>
            <option>dotykovost</option>
            <option>velikost (palce)</option>
            <option>konektor</option>
            <option>způsob připojení</option>
            <option>integrovaný mikrofon</option>
            <option>rozlišení (px)</option>
            <option>rychlost (str./min)</option>
            <option>technologie tisku</option>
            <option>černobílá/barevná</option>
         </select>
      </td>
   </tr>
   <tr>
      <td>Tiskárna</td>
      <td>
         <select id="tiskárnaSelect">
            <option>-----</option>
            <option>zobrazuje grafický výstup</option>
            <option>může fungovat k ovládání počítače</option>
            <option>reprodukuje zvuk</option>
            <option>může nahrávat zvuk</option>
            <option>nahrává video</option>
            <option>zobrazuje grafický výstup</option>
         </select>
         <select id="tiskárna2Select">
            <option>-----</option>
            <option>zobrazuje grafický výstup</option>
            <option>může fungovat k ovládání počítače</option>
            <option>reprodukuje zvuk</option>
            <option>může nahrávat zvuk</option>
            <option>nahrává video</option>
            <option>zobrazuje grafický výstup</option>
         </select>
         <select id="tiskárna3Select">
            <option>-----</option>
            <option>zobrazuje grafický výstup</option>
            <option>může fungovat k ovládání počítače</option>
            <option>reprodukuje zvuk</option>
            <option>může nahrávat zvuk</option>
            <option>nahrává video</option>
            <option>zobrazuje grafický výstup</option>
         </select>
      </th>
      <th>
         <select id="tiskárna4Select">
            <option>-----</option>
            <option>dotykovost</option>
            <option>velikost (palce)</option>
            <option>konektor</option>
            <option>způsob připojení</option>
            <option>integrovaný mikrofon</option>
            <option>rozlišení (px)</option>
            <option>rychlost (str./min)</option>
            <option>technologie tisku</option>
            <option>černobílá/barevná</option>
         </select>
         <select id="tiskárna5Select">
            <option>-----</option>
            <option>dotykovost</option>
            <option>velikost (palce)</option>
            <option>konektor</option>
            <option>způsob připojení</option>
            <option>integrovaný mikrofon</option>
            <option>rozlišení (px)</option>
            <option>rychlost (str./min)</option>
            <option>technologie tisku</option>
            <option>černobílá/barevná</option>
         </select>
         <select id="tiskárna6Select">
            <option>-----</option>
            <option>dotykovost</option>
            <option>velikost (palce)</option>
            <option>konektor</option>
            <option>způsob připojení</option>
            <option>integrovaný mikrofon</option>
            <option>rozlišení (px)</option>
            <option>rychlost (str./min)</option>
            <option>technologie tisku</option>
            <option>černobílá/barevná</option>
         </select>
      </td>
   </tr>
</table>

我希望它的外观示例图片：

Answer 1

您必须为要分割的表格的每一行创建一个新行(tr)。

之后，您将属性 "rowspan" 分配在与它所涵盖的行数匹配的第一列（在您的情况下为 3）。

这里是 W3Schools 网站上关于 "rowspan" 属性的相关文档：click here!

不管怎样，这里是你需要的表的前 3 行，只是为了更好地理解这个系统是如何工作的：

<table border="1">
   <tr>
      <td rowspan="3">Monitor</td>
      <td>
         <select id="monitorSelect">
            <option>-----</option>
            <option>zobrazuje grafický výstup</option>
            <option>může fungovat k ovládání počítače</option>
            <option>reprodukuje zvuk</option>
            <option>může nahrávat zvuk</option>
            <option>nahrává video</option>
            <option>zobrazuje grafický výstup</option>
         </select>
      </td>
      <td>
         <select id="monitor4Select">
            <option>-----</option>
            <option>dotykovost</option>
            <option>velikost (palce)</option>
            <option>konektor</option>
            <option>způsob připojení</option>
            <option>integrovaný mikrofon</option>
            <option>rozlišení (px)</option>
            <option>rychlost (str./min)</option>
            <option>technologie tisku</option>
            <option>černobílá/barevná</option>
         </select>
      </td>
   </tr>
   <tr>
      <td>
         <select id="monitor2Select">
            <option>-----</option>
            <option>zobrazuje grafický výstup</option>
            <option>může fungovat k ovládání počítače</option>
            <option>reprodukuje zvuk</option>
            <option>může nahrávat zvuk</option>
            <option>nahrává video</option>
            <option>zobrazuje grafický výstup</option>
         </select>
      </td>
      <td>
         <select id="monitor5Select">
            <option>-----</option>
            <option>dotykovost</option>
            <option>velikost (palce)</option>
            <option>konektor</option>
            <option>způsob připojení</option>
            <option>integrovaný mikrofon</option>
            <option>rozlišení (px)</option>
            <option>rychlost (str./min)</option>
            <option>technologie tisku</option>
            <option>černobílá/barevná</option>
         </select>
      </td>
   </tr>
   <tr>
      <td>
         <select id="monitor3Select">
            <option>-----</option>
            <option>zobrazuje grafický výstup</option>
            <option>může fungovat k ovládání počítače</option>
            <option>reprodukuje zvuk</option>
            <option>může nahrávat zvuk</option>
            <option>nahrává video</option>
            <option>zobrazuje grafický výstup</option>
         </select>
      </td>
      <td>
         <select id="monitor6Select">
            <option>-----</option>
            <option>dotykovost</option>
            <option>velikost (palce)</option>
            <option>konektor</option>
            <option>způsob připojení</option>
            <option>integrovaný mikrofon</option>
            <option>rozlišení (px)</option>
            <option>rychlost (str./min)</option>
            <option>technologie tisku</option>
            <option>černobílá/barevná</option>
         </select>
      </td>
   </tr>
   <!-- and so on in other rows -->
</table>

附注如果您需要在表格上显示边框，只需在表格主标签上设置属性"border" 值为"1"！

安德烈亚