我尝试使用此Telerik post作为示例,尽可能减小每行的高度。问题是,如果我将高度设置为大于默认值(在示例的情况下,150px),它可以正常工作。如果它在下面,那么它就不起作用。
我还查看了以下Telerik link,其中(我相信)与我在这里做的一样(为CssClass
和ItemStyle
设置AlternatingItemStyle
)但这对他有用。
此外,这个radgrid位于masterpage
,但这不应该有所作为。
这是我的radgrid标记:
<telerik:RadGrid ID="RadGridSets" runat="server" Width="100%" BorderColor="Silver"
BorderStyle="Solid" BorderWidth="1px" onprerender="PreRender" >
<MasterTableView AutoGenerateColumns="False" CommandItemDisplay="Top" Font-Size="7"
AllowAutomaticUpdates="true" >
<ItemStyle CssClass="item-style" />
<AlternatingItemStyle CssClass="item-style" />
<CommandItemSettings ShowAddNewRecordButton="false" ShowRefreshButton="false" />
<Columns>
<telerik:GridBoundColumn datafield="carrier" headertext="sugbgroup"/>
<telerik:GridBoundColumn datafield="count" headertext="count"/>
</Columns>
</MasterTableView>
</telerik:RadGrid>
CSS:
<style type="text/css">
.header, .cell
{
display:table-cell;
vertical-align:top;
padding-left:10px; padding-right: 10px;
font-size: 9pt;
border: none;
padding-top: 4px;
}
.even
{
background-color: #b2d3ec;
}
.odd
{
background-color: #d8e9f3;
}
.cell
{
padding-bottom: 5px;
border-bottom: 1px;
}
html .RadMenu .rmRootGroup {
background-image: none;
}
</style>
<style type="text/css">
.RadGrid .item-style td
{
padding-top: 0;
padding-bottom: 0;
height: 10px;
vertical-align: middle;
}
</style>
答案 0 :(得分:0)
由于没有人回复,我最终使用GridView
控件。