Question

有没有办法使用@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);
}

查看

<table>
    <thead>
    <tr>
        <th>Hour</th>
        <th>Users</th>
        <th>Customers</th>
        <th>Orders</th>
        <th>Rows</th>
        <th>Quantity</th>
    </tr>
    </thead>
    <tbody>
    @foreach (var item in Model.SModelObject.CSItem)
    {
        <tr>
            <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>
    }
    </tbody>
</table>

提前致谢！

Answer 1

只需给最后一行一个CSS选择器，该选择器为其所有'孩子提供粗体：

tr:last-child {
  font-weight: bold;
}

Answer 2

如果我理解正确你正在寻找这样的东西：

export class LoginPage {
  customVariable: string;

  static get parameters() {
    return [[NavController]];
  }

  constructor(public nav) {
    this.customVariable = "test string";
  }

  goHome() {
    this.nav.push(HomePage);
  }
}

table tr:last-child {
  font-weight: bold;  
}

Answer 3

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+;
        }

如何使用@foreach使表格中的最后一行文本变为粗体？

3 个答案: