2015-10-19 66 views
2

这里是我的代码下面它是在视图层我努力改变我的列标题的颜色更改为橙​​色。请帮忙。如何在GridMvc中设置列文本颜色

@model IEnumerable<uYilo_FMS.Models.vehicle_obj> 

@using GridMvc.Html 
@{ 


} 
<!DOCTYPE html> 
<html> 
<head> 
<meta name="viewport" content="with=device-width"/> 
<link href="@Url.Content("~/Content/Gridmvc.css")" rel="stylesheet" /> 
<script src="@Url.Content("~/Scripts/jquery-1.10.2.min.js")"></script> 
<script src="@Url.Content("~/Scripts/gridmvc.min.js")"></script> 
<rowDefinition Height="57" width="873"> 

<title>@ViewBag.Title = "Title"</title> 
</head> 
<body> 
<h3>Vehicles List</h3> 
<div class="page-wrap"> 
    @Html.Grid(Model, GridRenderOptions.Create("VehiclesGrid")).Columns(columns => 

{ 
    columns.Add().Encoded(false).Sanitized(false).RenderValueAs(c => @<img class="thumbnail" src="~/Content/images/@c.ImagePath" height="80" width="80" alt="@c.ImagePath" />); 
    columns.Add(c => c.displayName).Titled("Vehicle Name"); 
    columns.Add(c => c.make).Titled("Make"); 
    columns.Add(c => c.type).Titled("Type"); 
    columns.Add(c => c.odometer).Titled("Odometer"); 




}).WithPaging(5).Sortable(true). 

</div> 

<script> 
    function getRow(vehicle_reg) { 
     $.jax({ 
      url: '@Url.Action("DisplayTripHistory", "Home")', 
      data: JSON.stringify(vehicle_reg), 
      contentType: 'application/json', 
      dataType: 'json', 
      type: 'POST', 
      success: function() { 
       alert('SUCCESS'); 
      }, 
      error: function() { 
       alert('error'); 
      } 
     } 
     ); 
    } 
</script> 

回答

0

呈现网格后,你会看到网格使用

.grid-header 

类的标题, 这样你就可以创建CSS,使其改变

例子:

.grid-header a{ 
color:red; } 

你会看到文本标题的颜色会变成红色

要了解更多结账这个环节http://www.codeproject.com/Tips/597253/Using-the-Grid-MVC-in-ASP-NET-MVC

希望它能帮助!

+0

非常感谢! :) – Yonela

+0

完成..我是新来的,我不知道我必须掩盖正确的解决方案:)谢谢 – Yonela

+0

好的Yonela,祝你好运! –