0
votes

Frontière ou table à l'intérieur d'une table, des rangées, des cellules?

Je veux mettre une table ou une bordure pour le contenu intérieur dans la boucle de Foreach et je ne sais pas comment le faire.

J'ai essayé une cellule et une rangée à l'intérieur de l'article.description et je sais que ne fonctionne pas. P>

<div id="printContainer" class="col-md-12">
    <partial name="_CardDetails" model="@Model.Current" />
    <div class="verticalspace"></div>
    <div class="verticalspace"></div>
    <div class="verticalspace"></div>
    <table id="itemsTable" class="table table-bordered display responsive nowrap" style="width: 100%">
        <tbody>
            @foreach (var item in Model.ToView.Items ?? Enumerable.Empty<Item>())
            {
                <tr><td colspan="4"></td></tr>
                <tr style="background-color: #f9f9f9">
                    <td colspan="4"><b>@Item.Category.Name</b></td>
                </tr>
                <tr>
                    <td><b>@Html.Raw(Item.Responsibility)</b></td>
                    <td style="text-align: left">
                        <b>@Html.Raw(Item.Description)</b>

                        @foreach (var response in Model.Responses)
                        {
                            <br />
                            <br />

                            <b>@Html.Raw(response.DateCreated.ToString("MM/dd/yyyy")) 
                            @Html.Raw(response.Title)</b>
                            <br />
                            @Html.Raw(response.Response)
                        }
                    </td>
                    <td><b>@item.Status.Name</b></td>
                </tr>
            }
        </tbody>
    </table>
 </div>


0 commentaires

3 Réponses :


0
votes

Veuillez vérifier ce code. Vous pouvez utiliser des propriétés "frontières" dans le CSS pour chacune des colonnes dans le corps.

p>

<table>
  <thead>
    <tr>
      <td>Col 1</td>
      <td>Col 2</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Content</td>
      <td>Content</td>
    </tr>
    <tr>
      <td>Content</td>
      <td>Content</td>
    </tr>
    <tbody>


0 commentaires

0
votes

Vous pouvez spécifier une classe en CSS pour chaque élément souhaité que vous souhaitez avoir la frontière. Si vous voulez que chaque cellule ait une bordure et ressemble à une table, vous pouvez référencer les éléments TD à l'intérieur de la table. Quelque chose comme ce qui suit: xxx

Vous pouvez jouer avec le code CSS pour obtenir le style souhaité.

Vous ne pouvez également l'appliquer qu'aux éléments si c'est le Regardez et sentez que vous voulez avoir. C'est juste une question d'essayer différentes choses et d'appliquer les instructions de la frontière aux éléments que vous souhaitez. xxx


0 commentaires

1
votes

Ajouter le style CSS

p>

<div id="printContainer" class="col-md-12">

            <partial name="_CardDetails" model="@Model.Current" />
            <div class="verticalspace"></div>
            <div class="verticalspace"></div>
            <div class="verticalspace"></div>
            <table id="itemsTable" class="table   table-bordered display 
              responsive nowrap" style="width: 100%">
                
                    @foreach (var item in Model.ToView.Items ?? 
              Enumerable.Empty<Item>())
                    {
                        <tr><td colspan="4"></td></tr>
                        <tr style="background-color: #f9f9f9"><td 
               colspan="4"><b>@Item.Category.Name</b></td></tr>
                        <tr>
                            <td><b>@Html.Raw(Item.Responsibility)</b> 
                            </td>
                            <td style="text-align: left">
                                <b>@Html.Raw(Item.Description)</b>

                                @foreach (var response in 
                       Model.Responses)
                                {
                                    <br />
                                    <br />

            <b>@Html.Raw(response.DateCreated.ToString("MM/dd/yyyy")) 
                @Html.Raw(response.Title)</b>
                                    <br />
                                    @Html.Raw(response.Response)
                                }
                            </td>
                            <td><b>@item.Status.Name</b></td>
                        </tr>
                    }
                  
              </table>
           </div>


2 commentaires

Je ne suis pas sûr que c'est ce dont j'ai besoin. Je veux mettre une frontière de la boucle de forach. Pas du @ html.raw (item.description) . Cela a-t-il du sens?


Vous pouvez mettre

tag et la définir frontière