如何操作WebGrid？

Question

我正在使用ASP.NET和MVC模式。 我有以下代碼用於設置列的樣式：

<div id="grid">
    @grid.GetHtml(columns: grid.Columns(
            grid.Column("Amount", "Amount", canSort: true, style: "column"),
            grid.Column("ShelfLife", "ShelfLife", canSort: true, style: "column"),
            grid.Column("Size", "Size", canSort: true, style: "column"),
            grid.Column("Type", "Type", canSort: true, style: "column"),
            grid.Column("Unit", "Unit", canSort: true, style: "column")
    ))
</div>

我使用以下代碼為網格加載數據：

@{
    ViewBag.Title = "ListView";
    Layout = "~/Views/Shared/_Layout.cshtml";
    var grid = new WebGrid(Model, defaultSort: "null");
}

這可能是一種漫長而瑣碎的方式...但是我想知道我該如何操縱網格中的內容？ 例如，我想為每行添加一個按鈕。 我還想為第二行重新着色。 我該怎么做？

Answer 1

您可以使用樣式來更改網格中行的顏色，並檢查此鏈接以操作網格。

您可以在單獨的CSS文件中定義自定義CSS類

.comments {
    width: 500px;
}

然后將此類分配給相應的元素：

webGrid.Column(columnName: "TRP_Comments", header: "Comments", style: "comments")