Html 如何使用@foreach将表格中最后一行的文本加粗?
有没有办法使用Html 如何使用@foreach将表格中最后一行的文本加粗?,html,css,asp.net-mvc,Html,Css,Asp.net Mvc,有没有办法使用@foreachhtml将最后一行的文本加粗 我想用粗体显示每列的总和。 我想在当前表的下方创建一个新表,只显示总数,但如果我可以使用相同的表,那就太好了 型号 //This is the last row foreach (DataRow item in current2.Tables[0].Rows) { var cid2 = new SModel { Users = Convert.ToInt32(item["TotalUsers"]),
@foreach
html将最后一行的文本加粗
我想用粗体显示每列的总和。
我想在当前表的下方创建一个新表,只显示总数,但如果我可以使用相同的表,那就太好了
型号
//This is the last row
foreach (DataRow item in current2.Tables[0].Rows)
{
var cid2 = new SModel
{
Users = Convert.ToInt32(item["TotalUsers"]),
Rows = Convert.ToInt32(item["TotalRows"]),
Orders = Convert.ToInt32(item["TotalOrders"]),
Customers = Convert.ToInt32(item["TotalCustomers"]),
Quantity = Convert.ToInt32(item["TotalQuantity"]),
};
CASVList.Add(cid2);
}
查看
时辰
使用者
客户
命令
排
量
@foreach(Model.smodeObject.CSItem中的var项)
{
@Html.DisplayFor(modelItem=>(item.Text.Split(',')[0]))
@DisplayFor(modeleItem=>(item.Text.Split(',')[1]))
@DisplayFor(modeleItem=>(item.Text.Split(',')[2]))
@DisplayFor(modeleItem=>(item.Text.Split(',')[3]))
@DisplayFor(modeleItem=>(item.Text.Split(',')[4]))
@DisplayFor(modeleItem=>(item.Text.Split(',')[5]))
}
提前谢谢 只需给最后一行一个CSS选择器,该选择器为其所有子行提供粗体:
tr:last-child {
font-weight: bold;
}
如果我理解正确的话,你正在寻找这样的东西:
表tr:最后一个子项{
字体大小:粗体;
}
某物
某物
某物
某物
某物
某物
某物
某物
某物
1)您可以通过使用CSS轻松完成此操作
table tr:last-child {
font-weight: bold;
}
2) 否则,如果您对只在foreach循环中执行此操作很挑剔,那么下面的代码将有所帮助
{ var countOfItems = Model.SModelObject.CSItem.Count; //take a note of total items
var loopCounter = 1; // have a counter
}
@foreach (var item in Model.SModelObject.CSItem)
{
//if counter and the total items count are same it means you are in last loop,
// So add the style to make the text bold.
<tr style="@{loopCounter == countOfItems ? "font-weight: bold":"" }">
<td>@Html.DisplayFor(modelItem => (item.Text.Split(',')[0]))</td>
<td>@Html.DisplayFor(modelItem => (item.Text.Split(',')[1]))</td>
<td>@Html.DisplayFor(modelItem => (item.Text.Split(',')[2]))</td>
<td>@Html.DisplayFor(modelItem => (item.Text.Split(',')[3]))</td>
<td>@Html.DisplayFor(modelItem => (item.Text.Split(',')[4]))</td>
<td>@Html.DisplayFor(modelItem => (item.Text.Split(',')[5]))</td>
</tr>
loopCounter+;
}
{var countOfItems=Model.smodeobject.CSItem.Count;//记下项目总数
var loopCounter=1;//有一个计数器
}
@foreach(Model.smodeObject.CSItem中的var项)
{
//如果计数器和项目总数相同,则表示您处于最后一个循环中,
//因此,添加样式以使文本加粗。
@Html.DisplayFor(modelItem=>(item.Text.Split(',')[0]))
@DisplayFor(modeleItem=>(item.Text.Split(',')[1]))
@DisplayFor(modeleItem=>(item.Text.Split(',')[2]))
@DisplayFor(modeleItem=>(item.Text.Split(',')[3]))
@DisplayFor(modeleItem=>(item.Text.Split(',')[4]))
@DisplayFor(modeleItem=>(item.Text.Split(',')[5]))
循环计数器+;
}
为什么不使用css:last child?有那么简单吗。。谢谢@纳克斯