html css代码水平或单行显示多个表格

Question

我创建了一个从数据库循环的表。现在我需要在一行中显示这个多表。目前循环显示列中的表。 有人可以建议如何编写标记，以便在单行中生成和显示表格数据吗？

例如，如果数据库中有 10 个表循环，则单个表行中应该有 10 个单元格。该表不应包含该行下方的任何内容。如果表格长于屏幕宽度，则显示水平滚动条是可以的。

<table width="100%" class="table table-bordered table-striped">
    <table>
        <thead>
        <tr>
            <th colspan="2">First Name</th>     


        </tr>
        </thead>
        <tbody>
        <tr>
            <td colspan="2">James</td>  

        </tr>
        <tr>
          <td>The</td>
          <td>Tick</td>              
        </tr>


        </tbody>
    </table>

Answer 1

表中表无效。您必须添加表格行，然后在每个表格列下添加所有表格，如下所示。

  <table width="100%" class="table table-bordered table-striped">
     <tr>
       <td>
         <table>
            <thead>
               <tr>
                  <th colspan="2">First Name</th>   
               </tr>
            </thead>
            <tbody>
               <tr>
                  <td colspan="2">James</td> 
               </tr>
               <tr>
                  <td>The</td>
                  <td>Tick</td>              
               </tr>
            </tbody>
        </table>
      </td>
      <td>
         Your Second Table Goes here..
      </td> 
      <td>
         Your Third Table Goes here and so on.
      </td>  
     </tr>
   </table>