HTML Table Tr Inside Td

Html table tr inside td

You must add a full table inside the td

    <table>      <tr>        <td>          <table>            <tr>              <td>                ...              </td>            </tr>          </table>        </td>      </tr>    </table>

How to create Html table tr inside td

Try This

   <table width="100%" border="1">  <tr><td colspan="3"> </td><td width="25%"> </td>  </tr>  <tr><td width="25%"> </td><td colspan="2"> </td><td> </td>  </tr>  <tr><td> </td><td colspan="2"> </td><td> </td>  </tr>   <tr><td> </td><td colspan="2"> </td><td> </td>  </tr>  <tr><td> </td><td colspan="2"> </td><td> </td>  </tr>  <tr><td> </td><td colspan="2"> </td><td> </td>  </tr>  <tr><td> </td><td colspan="2"> </td><td> </td>  </tr>  <tr><td> </td><td colspan="2"> </td><td> </td>  </tr>  <tr><td> </td><td colspan="2"> </td><td> </td>  </tr>  <tr><td> </td><td colspan="2"> </td><td> </td>  </tr>  <tr><td rowspan="5"> </td><td colspan="2"> </td><td> </td>  </tr>  <tr><td width="12%">1</td><td width="38%"> </td><td> </td>  </tr>  <tr><td>2</td><td> </td><td> </td>  </tr>  <tr><td>3</td><td> </td><td> </td>  </tr>  <tr><td>4</td><td> </td><td> </td>  </tr>  <tr><td> </td><td colspan="2"> </td><td> </td>  </tr>  <tr><td> </td><td colspan="2"> </td><td> </td>  </tr></table>

How can i add tr inside td with bootstrap-4 table?

Try using rowspan attribute in the cell.

https://www.w3schools.com/tags/att_td_rowspan.asp

Create a html table where inputs are inside td

I found the answer:

const table = document.querySelector('table');

function generateTable() {
  for (let i = 0; i < 5; i++) {
    const row = table.insertRow();
    for (let a = 0; a < 5; a++) {
      const cell = row.insertCell();
      const inputCell = document.createElement("INPUT");
      cell.appendChild(inputCell);
    }
  }
}

generateTable()

<table> </table>

How to create a html table inside a table

never mind i figure it out

<table border="2" bordercolor="green">
  <tr>
    <td><img src="https://i.postimg.cc/sD9MZPKb/image.png"></td>
      <td vertical-align:top"><table border="2" bordercolor="green">
      <tr><td>test</td><td>second cell</td></tr>
      <tr><td>test</td><td>second cell</td></tr>
      <tr><td>test</td><td>second cell</td></tr>
     <tr><td>test</td><td>second cell</td></tr>
     <tr><td>test</td><td>second cell</td></tr>
     <tr><td>test</td><td>second cell</td></tr>
  
  </td>
  </tr>
</table>

---

Related Topics