Html table tr inside td

Question

Html table tr inside td

Demandé el 13 de Juin, 2013: Quand la question a-t-elle été
322571 affichage: Nombre de visites la question a
5 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

J'essaie de créer un tableau en HTML. J'ai le modèle suivant à créer. J'ai ajouté un <tr> à l'intérieur de la <td> mais d'une manière ou d'une autre, la table n'est pas créée comme prévu.

enter image description here

Quelqu'un peut-il me suggérer comment y parvenir ?

Je ne parviens pas à créer les sections Name1 | Price1.

Demandé el 13 de Juin, 2013 par Scorpion

Answer 1

5 Réponses

Answer 2

5voto

Correia JPV Points 570

Il suffit d'ajouter un nouveau table dans le td vous voulez. Exemple : http://jsfiddle.net/AbE3Q/

<table border="1">
  <tr>
    <td>ABC</td>
    <td>ABC</td>
    <td>ABC</td>
    <td>ABC</td>
  </tr>
  <tr>
    <td>Item1</td>
    <td>Item2</td>
    <td>
      <table border="1">
        <tr>
          <td>qweqwewe</td>
          <td>qweqwewe</td>
        </tr>
        <tr>
          <td>qweqwewe</td>
          <td>qweqwewe</td>
        </tr>
        <tr>
          <td>qweqwewe</td>
          <td>qweqwewe</td>
        </tr>
      </table>
    </td>
    <td>Item3</td>
  </tr>
  <tr>
  </tr>
  <tr>
  </tr>
  <tr>
  </tr>
  <tr>
  </tr>
</table>

Répondu el 13 de Juin, 2013 par Correia JPV (570 Points )

Answer 3

5voto

Patrick Points 861

Mettez un autre tableau à l'intérieur de l'élément td comme este .

<table>
    <tr>
        ...
    </tr>
    <tr>
        <td>ABC</td>
        <td>ABC</td>
        <td>
            <table>
                <tr>
                    <td>name1</td>
                    <td>price1</td>
                </tr>
...
            </table>
        </td>
        <td>ABC</td>
    </tr>
...
</table>

Répondu el 13 de Juin, 2013 par Patrick (861 Points )

Answer 4

4voto

Arman Points 608

Vous pouvez vérifier cela en utilisant un tableau dans un autre tableau comme ceci

<!DOCTYPE html>
<html>

<head>
  <style>
    table,
    th,
    td {
      border: 1px solid black;
      border-collapse: collapse;
    }
  </style>
</head>

<body>
  <table style="width:100%">
    <tr>
      <th>ABC</th>
      <th>ABC</th>
      <th>ABC</th>
      <th>ABC</th>
    </tr>
    <tr>
      <td>Item1</td>
      <td>Item1</td>
      <td>
        <table style="width:100%">
          <tr>
            <td>name1</td>
            <td>price1</td>
          </tr>
          <tr>
            <td>name2</td>
            <td>price2</td>
          </tr>
          <tr>
            <td>name3</td>
            <td>price3</td>
          </tr>
        </table>
      </td>
      <td>item1</td>
    </tr>
    <tr>
      <td>A</td>
      <td>B</td>
      <td>C</td>
      <td>D</td>
    </tr>
    <tr>
      <td>E</td>
      <td>F</td>
      <td>G</td>
      <td>H</td>
    </tr>
    <tr>
      <td>E</td>
      <td>R</td>
      <td>T</td>
      <td>T</td>
    </tr>
  </table>
</body>

</html>

Répondu el 5 de Avril, 2018 par Arman (608 Points )

Answer 5

1voto

Azizul Hakim Points 71

<table border="1px;" width="100%">
  <tr align="center">
    <td>Product</td>
    <td>quantity</td>
    <td>Price</td>
    <td>Totall</td>
  </tr>
  <tr align="center">
    <td>Item-1</td>
    <td>Item-1</td>
    <td>
      <table border="1px;" width="100%">
        <tr align="center">
          <td>Name1</td>
          <td>Price1</td>
        </tr>
        <tr align="center">
          <td>Name2</td>
          <td>Price2</td>
        </tr>
        <tr align="center">
          <td>Name3</td>
          <td>Price3</td>
        </tr>
        <tr>
          <td>Name4</td>
          <td>Price4</td>
        </tr>
      </table>
    </td>
    <td>Item-1</td>
  </tr>
  <tr align="center">
    <td>Item-2</td>
    <td>Item-2</td>
    <td>Item-2</td>
    <td>Item-2</td>
  </tr>
  <tr align="center">
    <td>Item-3</td>
    <td>Item-3</td>
    <td>Item-3</td>
    <td>Item-3</td>
  </tr>
</table>

Répondu el 8 de Novembre, 2017 par Azizul Hakim (71 Points )

Answer 6

0voto

naman hazaria Points 31

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

Répondu el 16 de Mars, 2021 par naman hazaria (31 Points )

Html table tr inside td

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

Html table tr inside td

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: