中止ライン​​

Question

私のデータベースから私のビューにテーブルを表示しています。

@model IEnumerable<test1.Models.Malfunction> 
@{ 
ViewBag.Title = "Malfunctions"; 
} 

<h2>Malfunctions</h2> 

<table id="customers" class="table table-bordered table-hover"> 
<thead> 
    <tr> 
     <th>ID</th> 
     <th>Description</th> 
     <th>Date Reported</th> 
     <th>Customer</th> 
     <th>Movie</th> 
    </tr> 
</thead> 
<tbody> 
    @foreach (var malfunction in Model) 
    { 
     <tr> 
      <td>@malfunction.Id</td> 
      <td>@malfunction.ReportDescription</td> 
      <td>@malfunction.DateReported</td> 
      <td>@malfunction.Customer</td> 
      <td>@malfunction.Movie</td> 
     </tr> 
    } 
</tbody> 
</table> 

このプロパティ：私は何をしたいか

<td>@malfunction.DateReported</td> 

：

は長すぎる行の次のプロパティを重複する場合は、テキストの大きな量を含むことができますセルの幅に達した後に行を分割して、DateReportedのテキストと重複しないようにします。

Answer 1

追加：

td { 
    word-break: break-all; 
} 

Fiddle