목록에있는 foreach의 결과를 변수에 저장하고 팝업 창에 표시하는 방법

Question

동일한 테이블에 두 개의 foreach가 있고 두 번째 foreach는 Serial No의 목록을 생성합니다 (i는 **로 표시 함). 브라우저에서 내 두 번째 foreach의 결과를 볼 수있는 일련 번호의 긴 목록입니다 (스크린 샷에서와 같이) 전체 테이블을 파괴하고 볼 수있는 것처럼 각 항목에 대해 일련 번호를 표시 할 수있는 방법이 있습니까 한 번에 팝업 창에서 그들을 모두? 내가이 exampel에 대한 링크로 하나의 간단한 텍스트를 표시 해결할 수있는 방법 또는 (여기를 클릭) 링크 팝업에서 사용자를 클릭 나오는 것보다 때 일련 번호를

• 이미지를 표시 - 스크린 샷 - 업데이트 : 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 같은).