2
私は各行の高さを可能な限り小さくしようとしています。これは例としてTelerik postを使用しています。問題は、高さをデフォルト(例の場合150px)よりも大きく設定するとうまくいきます。それが下の場合、それは動作しません。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>