如何将作为列表的foreach的结果存储到变量中并在弹出窗口中显示它

Question

我有两个foreach在同一个表中，第二个foreach生成一个序列号列表（i aslo标记用**）当我看到我的第二个foreach在浏览器中的结果是一个长序列号序列号，这只是破坏了整个表格（如屏幕截图所示）并且如您所见，为每个项目显示一个序列号，有什么方法可以在弹出窗口中一次显示所有这些内容吗？或者我如何解决这个问题只显示一个简单的文本作为例子的链接（点击这里），而不是当用户点击链接弹出窗口出来并显示序列号

• 图像 - ScreenShots - 更新：Screenshot of Table "Serial No"

视图中的代码：

    <div class="card-content table-responsive">
        <table class="table">
            <thead class="text-primary">
                <tr>
                    <th>Item number</th>
                    <th>Description</th>
                    <th>Totally ordered</th>
                    <th>Serial Number</th>

                </tr>
            </thead>
            <tbody>

                @foreach (var FieldShipment in Model.OrdreDetailDeliveryLineOpens)
                {

                    <tr>

                        <td>@FieldShipment.VarenummerDeliverdLineOpenOrdre</td>
                        <td>@FieldShipment.BeskrivelseDeliverdLineOpenOrdre</td>
                        <td>@string.Format("{0:N0}", FieldShipment.Qu)</td>

                        <td>
                          ** @foreach (var SerialNo in FieldShipment.SerialNoDeliverdLineOpenOrdre) 
                            {

                                @SerialNo //loop Serial No

                            } **

                        </td>
                        <td>@FieldShipment.ShippingAgentDeliverdLineOpenOrdre</td>
                        <td>@FieldShipment.TrackAndTraceDeliverdLineOpenOrdre</td>
                        <td><a target="_blank" class="tl" title="Track & Trace" href="@FieldShipment.TrackLinkDeliverdLineOpenOrdre">Track</a></td>


                    </tr>

                }


            </tbody>


        </table>
 </div>

Answer 1

你可以做类似的事情（虽然不是睾丸，但你明白了）：

// join your serial numbers in one string
var SerialNos = String.Join(", ", FieldShipment.SerialNoDeliverdLineOpenOrdre);

然后在您的视图中使用title：

<td title="@SerialNos" style="max-height: 100px; text-overflow: ellipsis; overflow-y:hidden">
  @SerialNos
</td>

你可以用tooltip来丰富它，如果你有一个可用（例如Bootstrap tooltips）或甚至popup。