Asp.net mvc 我如何隐藏<;td>;从asp.net mvc项目中的打印页面?
我有一张桌子,里面有很多td。单击“打印”按钮时,我想在浏览器的“打印”页面中隐藏其中一个。怎么做? 这是索引页代码:Asp.net mvc 我如何隐藏<;td>;从asp.net mvc项目中的打印页面?,asp.net-mvc,printing,hide,Asp.net Mvc,Printing,Hide,我有一张桌子,里面有很多td。单击“打印”按钮时,我想在浏览器的“打印”页面中隐藏其中一个。怎么做? 这是索引页代码: <div id="div_print"><table class="table table-bordered"> <tr class="info"> <th dir="rtl"> @Html.DisplayNameFor(model => model.a) </th> &l
<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>
@DisplayNameFor(model=>model.a)
@DisplayNameFor(model=>model.b)
@DisplayNameFor(model=>model.c)
@foreach(模型中的var项目){
@{
ViewData[“类”]=“文本大写”;
}
@DisplayFor(modeleItem=>item.a)
@DisplayFor(modeleItem=>item.b)
@DisplayFor(modeleItem=>item.c)
@ActionLink(“编辑”,“编辑”,新的{id=item.z},新的{@class=“btn btn primary”})|
@ActionLink(“Details”,“Details”,new{id=item.z},new{@class=“btn btn primary”})|
@ActionLink(“Delete”,“Delete”,new{id=item.z},new{@class=“btn btn warning”})
}
我想隐藏这部分:
<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>
@ActionLink(“编辑”,“编辑”,新的{id=item.z},新的{@class=“btn btn primary”})|
@ActionLink(“Details”,“Details”,new{id=item.z},new{@class=“btn btn primary”})|
@ActionLink(“Delete”,“Delete”,new{id=item.z},new{@class=“btn btn warning”})
使用CSS来实现:
@media print
{
.not-printable, .not-printable *
{
display: none !important;
}
}
然后将不可打印的添加到不想打印的元素中:
<div class="not-printable"></div>