どうすればasp.net mvcプロジェクトの印刷ページから​​を隠すことができますか？

Question

私はテーブルがたくさんのtdを含んでいます。私は印刷ボタンをクリックすると、ブラウザの印刷ページからそれらの1つを隠したい。どうやってするか？

が

@media print 
{  
    .not-printable, .not-printable * 
    { 
     display: none !important; 
    } 
} 

その後要素あなたにnot-printableを追加します。それを行うには

  <td> 
       @Html.ActionLink("Edit", "Edit", new { id=item.z}, new { @class = "btn btn-primary" }) | 
       @Html.ActionLink("Details", "Details", new { id=item.z}, new { @class = "btn btn-primary" }) | 
       @Html.ActionLink("Delete", "Delete", new { id=item.z}, new { @class = "btn btn-warning" }) 
      </td> 

Answer 1

使用CSS：私はこの部分を非表示にする

<div id="div_print"><table class="table table-bordered"> 
<tr class="info"> 
    <th dir="rtl"> 
     @Html.DisplayNameFor(model => model.a) 
    </th> 
    <th dir="rtl"> 
     @Html.DisplayNameFor(model => model.b) 
    </th> 
    <th dir="rtl"> 
     @Html.DisplayNameFor(model => model.c) 
    </th> 
     </tr> 
     </div> 
     @foreach (var item in Model) { 
     <tr> 
     <td> 
     @{ 
     ViewData["class"]= "text-uppercase"; 
     } 
     @Html.DisplayFor(modelItem => item.a) 
    </td> 
    <td> 
     @Html.DisplayFor(modelItem => item.b) 
    </td> 
    <td> 
     @Html.DisplayFor(modelItem => item.c) 
    </td> 
     <td> 
     @Html.ActionLink("Edit", "Edit", new { id=item.z}, new { @class = "btn btn-primary" }) | 
     @Html.ActionLink("Details", "Details", new { id=item.z}, new { @class = "btn btn-primary" }) | 
     @Html.ActionLink("Delete", "Delete", new { id=item.z}, new { @class = "btn btn-warning" }) 
    </td> 
</tr> 
    } 
    </table> 

： これはインデックスページのコードです印刷したくない：

<div class="not-printable"></div> 

CSS 3 Media Queries