Question

我有一个GridView，在第一行我希望这些行在左边填充20px。我尝试用CSSClass做但不起作用。

<div class="rounded-corners"; style=" margin-left:50px; margin-right:50px; ">  
        <asp:GridView id="MyGridView"        
         DataSourceID="MyDataSource1" 
         AutoGenerateColumns="False" 
         GridLines="None"   
         AllowSorting="True" 
         AllowPaging="True" 
         CssClass="mGrid"
         PagerStyle-CssClass="pgr"
         AlternatingRowStyle-CssClass="alt"
         Runat="Server" PageSize="35" HorizontalAlign="Justify" 
            onselectedindexchanged="MyGridView_SelectedIndexChanged" 
            onrowdatabound="MyGridView_RowDataBound">         
            <PagerSettings FirstPageText="Début" LastPageText="Fin" NextPageText="Suivant" 
                PageButtonCount="15" PreviousPageText="Précedent" />
           <columns>
              <asp:boundfield datafield="FICHIER"
                readonly="true"     
                headertext="Fichier">
                <ItemStyle CssClass="CellFile"  />
              </asp:boundfield>
              .....
              .....
              .....

使用CssClass如下：

<style type="text/css">   
    .CellFile
    {
        padding-left:100px;
        margin-left:100px;  
        color:Lime;
        background-color:Red;
    }
</style>

那么这里可能出现什么问题？

Answer 1

设置ItemStyle-CssClass="CellFile"

的asp:boundfield

仍然没有成功，尝试改变你下面的css链接引用，在末尾添加查询字符串以加载样式表。如果css缓存甚至你编辑css你将看不到结果

<link href="/my.css?id=1" rel="stylesheet" type="text/css" />

Answer 2

如果你想在你的css中使用整个GridView，只需使用这个案例中的ID id="MyGridView

<强> CSS

#MyGridView{
   your stylingoptions here;
}

如果要更改行和/或列，可以使用

HeaderStyle-CssClass="head"  <!--For the header-->
ItemStyle-CssClass="items" <!--For the items-->

将这两个广告添加到Gridview的Templatefield

ItemStyle的CssClass不起作用

2 个答案: