J'essaye de rendre la taille de chaque rangée aussi petite que possible, en utilisant ce Telerik post comme exemple. Le problème est que si je définis la hauteur supérieure à la valeur par défaut (dans le cas de l'exemple, 150px), cela fonctionne très bien. Si c'est ci-dessous, ça ne marche pas.Définir des lignes RadGrid hauteur inférieure à la valeur par défaut?
J'ai aussi regardé la Telerik link suivante, (je crois) est la même chose que je fais ici (mis CssClass
pour ItemStyle
et AlternatingItemStyle
), mais cela a fonctionné pour lui.
En outre, ce radgrid est sur un masterpage
, mais cela ne devrait pas faire de différence.
Ceci est mon balisage 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>
Le 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>