リストであるforeachの結果を変数に格納してポップアップウィンドウに表示する方法

Question

同じテーブルに2つのforeachがあり、2番目のforeachはシリアル番号のリストを生成します。私はブラウザで私の2番目のforeachの結果を参照してくださいシリアル番号の長いリストは、ちょうど全体のテーブルを破壊する（あなたのスクリーンショットで）と表示されるように私は表示することができますポップアップウィンドウでそれらを一度にすべて表示できますか？私は、これはexampelのリンクとして一つだけの単純なテキストを表示するために解決するにはどうすればよいか（こちらをクリック）と、リンクのポップアップ上のユーザーをクリックして出てくるよりも、時のシリアル番号に

• IMAGEを表示 - スクリーンショット - 更新：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でこれを豊かにすることができ、さらにはpopup（例えばBootstrap tooltipsのように）。