2
각 행의 높이를 가능한 한 작게하려고합니다. 예를 들어 Telerik post을 사용합니다. 문제는 높이를 기본값 (예 : 150 픽셀)보다 크게 설정하면 올바르게 작동한다는 것입니다. 아래의 경우 작동하지 않습니다.RadGrid 행의 높이를 기본값보다 작게 설정 하시겠습니까?
나는 또한 내가 여기하고있어 같은 일이 (내가 믿는) 다음 Telerik link, 보았다 (ItemStyle
및 AlternatingItemStyle
에 대한 CssClass
설정)하지만이 그를 위해 일했다.
또한이 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>