关于DataGrid列表样式

关注

原创最新推荐文章于 2025-11-04 08:30:00 发布 644 阅读 AI 写同款· GEO 优化 ›

WPF UI开发教程自定义DataGrid样式开发软件大部分都会用到数据显示控件，今天文章来自定义DataGrid样式。先看下DataGrid运行效果图： DataGrid样式修改了DataGridRow行和DataGridCell表格颜色，隔行换色，鼠标选中颜色等样式，下面是样式代码： !-- 行样式触发 -->  <Style TargetType="DataGridRow"> 阅读详情

CSS



.list_table_tr_even
{
    font-family: "Times New Roman" , Arial, "宋体";
    font-size: 12px;
    color: #000000;
    background-color: #f5f5f5;
    font-weight: normal;
    height: 14px;
}
.list_table_tr_odd
{
    font-family: "Times New Roman" , Arial, "宋体";
    font-size: 12px;
    color: #000000;
    background-color: #EFEFEF;
    font-weight: normal;
    height: 14px;
}
.list_table_tr_even:hover
{
    background-color: #F6FCFF;
}
.list_table_tr_odd:hover
{
    background-color: #F6FCFF;
}

DataGrid——ItemDataBound(在数据绑定后激发)

Protected Sub DataGrid_ItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DataGridItemEventArgs) Handles DataGrid.ItemDataBound
        If e.Item.ItemType = ListItemType.Header Then
            e.Item.CssClass = "list_table_tr_title"
        ElseIf e.Item.ItemIndex Mod 2 = 0 Then
            e.Item.CssClass = "list_table_tr_even"
        Else
            e.Item.CssClass = "list_table_tr_odd"
        End If
    End Sub