网格中的CSS属性 [英] CSS Property in grid
本文介绍了网格中的CSS属性的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
这是我的设计
< div class = uploader_generic-table >
< div style = display：block; id = divGrid >
@（Html.Ubs（）。Grid（grdTemplate）
.Url（ Url.Action（SelectAll，SaleIn，new {SiteKey = ViewBag.SiteKey}））。Showtotal（true）
.Columns（
new Column
{
Name =ID，
ClientFormat =。ID，
Header =< center > 否 < / center > ，
Sortable = false，
PercentWidth = 5
}，
new Column
{
Name =TemplateType，
ClientFormat =。TemplateType，
Header = < center > 输入< / center > ，
Sortable = false，
PercentWidth = 10
}，
new Column
{
Name =PartnerName，
ClientFormat =。PartnerName，
页眉=< center > 合作伙伴名称< / center > ，
可排序= false，
PercentWidth = 10
}，
新列
{
Name =DateRange，
ClientFormat =。DateRange，
Header =< center > 日期Peri od < / center > ，
可排序= false，
PercentWidth = 15
}，
新列
{
Name =TxCount，
ClientFormat = .TxCount，
标头=< center > 行< / center > ，
可排序= false，
PercentWidth = 6
}，
新列
{
Name =CustMappCount ，
ClientFormat =.CustMappCount，
Header =< center > 客户< / center > ，
Sortable = false，
PercentWidth = 8
}，
new Column
{
Name =ProMappCount，
ClientFormat = .ProMappCount，
标头=< center > 产品< / center > ，
可排序= false，
PercentWidth = 8
}，
新列
{
Name =Country，
ClientFormat =。Country，
Header =< center > 国家< / center > ，
Sortable = false，
PercentWidth = 8
}，
新列
{
Name =CreatedDate，
ClientFormat =< 中心 > .CreatedDate < /中心 > ，
标头=< center > 已上传< / center > ，
可排序= false，
PercentWidth = 8
}，
新列
{
Name =UpdatedBy，
ClientFormat = < center > .UpdatedBy < span class =code-keyword>< / center > ，
Header =< center > 更新者< / center > ，
Sortable = false，
PercentWidth = 8
}，
新列
{
Name =，
ClientFormat =< center > + StrLinks +< / center > ，
Header =< center > 行动< / center > ，
Sortable = false，
PercentWidth = 11
}
）
.ShowFooter（true）。ShowLoader（true）.SingleColumnSort（true）。ShowHeader（true）
.Groupable（false）
）
< / div >
< / div >
和CSS属性在下面
＃ admin-new 。 uploader_generic-table ＃ divGrid 个：冷杉st-child div：hover
{
background-position ： right -29px;
cursor ： 指针;
}
此房产仅适用于第一个孩子，现在如果我想要第3列那么我该怎么办？
解决方案
试试这个
＃ admin-new 。 uploader_generic-table ＃ divGrid th：nth-child （3） div：hover
{
background-position ： right -29px;
cursor ： 指针;
}
This is my design
<div class="uploader_generic-table">
<div style="display: block;" id="divGrid">
@(Html.Ubs().Grid("grdTemplate")
.Url(Url.Action("SelectAll", "SaleIn", new { SiteKey = ViewBag.SiteKey })).Showtotal(true)
.Columns(
new Column
{
Name = "ID",
ClientFormat = ".ID",
Header = "<center>No</center>",
Sortable = false,
PercentWidth = 5
},
new Column
{
Name = "TemplateType",
ClientFormat = ".TemplateType",
Header = "<center>Type</center>",
Sortable = false,
PercentWidth = 10
},
new Column
{
Name = "PartnerName",
ClientFormat = ".PartnerName",
Header = "<center>Partner Name</center>",
Sortable = false,
PercentWidth = 10
},
new Column
{
Name = "DateRange",
ClientFormat = ".DateRange",
Header = "<center>Date Period</center>",
Sortable = false,
PercentWidth = 15
},
new Column
{
Name = "TxCount",
ClientFormat = ".TxCount",
Header = "<center>Rows</center>",
Sortable = false,
PercentWidth = 6
},
new Column
{
Name = "CustMappCount",
ClientFormat = ".CustMappCount",
Header = "<center>Customer</center>",
Sortable = false,
PercentWidth = 8
},
new Column
{
Name = "ProMappCount",
ClientFormat = ".ProMappCount",
Header = "<center>Product</center>",
Sortable = false,
PercentWidth = 8
},
new Column
{
Name = "Country",
ClientFormat = ".Country",
Header = "<center>Country</center>",
Sortable = false,
PercentWidth = 8
},
new Column
{
Name = "CreatedDate",
ClientFormat = "<center>.CreatedDate</center>",
Header = "<center>Uploaded</center>",
Sortable = false,
PercentWidth = 8
},
new Column
{
Name = "UpdatedBy",
ClientFormat = "<center>.UpdatedBy</center>",
Header = "<center>Updated By</center>",
Sortable = false,
PercentWidth = 8
},
new Column
{
Name = "",
ClientFormat = "<center>"+StrLinks+"</center>",
Header = "<center>Action</center>",
Sortable = false,
PercentWidth = 11
}
)
.ShowFooter(true).ShowLoader(true).SingleColumnSort(true).ShowHeader(true)
.Groupable(false)
)
</div>
</div>
And CSS Property is below
#admin-new .uploader_generic-table #divGrid th:first-child div:hover
{
background-position: right -29px;
cursor: pointer;
}
This Property is working for first child only,now if i want for 3rd column then what should i do??
解决方案
Try this
#admin-new .uploader_generic-table #divGrid th:nth-child(3) div:hover { background-position: right -29px; cursor: pointer; }
这篇关于网格中的CSS属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
