加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程开发 > asp.Net > 正文

asp.net – 如何在网格视图中设置样式模板字段(附加aspx页面和CS

发布时间:2020-12-16 06:25:43 所属栏目:asp.Net 来源:网络整理
导读:我试图设计我的第二列“导师名称”,因为我用css它给整个网格的风格我也试过“控制风格css类=(一些其他的CSS文件)”和“项目风格水平对齐=右”,也改变property align = right在css文件中使用#,但模板字段不允许“id”实现css我的.aspx页面和下面的css ar, .mG
我试图设计我的第二列“导师名称”,因为我用css它给整个网格的风格我也试过“控制风格css类=(一些其他的CSS文件)”和“项目风格水平对齐=右”,也改变property align = right在css文件中使用#,但模板字段不允许“id”实现css我的.aspx页面和下面的css ar,

.mGrid {   
    width: 100%;   
    background-color: #fff;   
    margin: 0px 0 0px 0;   
    border:  0px #525252;   

}  

.mGrid table
{
    border:0px;
}

.mGrid td {   
    padding: 2px;   
    border-width:  0px ;   
    background-color:#3A3F3E;
    color: #fff;   
    text-align:left;
}  
td#Mname  {   
    text-align:left;
}  
.mGrid th {   
    padding: 4px 2px;   
    color: #fff;  
    background-color:#3A3F3E; 
    border-width: 0px ;   
    font-size: 0.9em;   
    text-align:center;
}  



<asp:GridView  Width="300px" ID="GridView1" runat="server" AutoGenerateColumns="False"
                    Font-Size="10pt" OnRowCreated="GridView1_RowCreated" CssClass="mGrid">
                    <Columns>
                        <asp:BoundField DataField="mentor_id" HeaderText="Image" />
                        <asp:TemplateField HeaderText="Image">
                            <ItemTemplate>
                                <asp:Image ID="Image2" runat="server" ImageUrl="~/images/small_image.png" />
                            </ItemTemplate>
                        </asp:TemplateField>

                        <asp:TemplateField  HeaderText="Mentor Name">
                        <ItemTemplate>
                            <asp:Label ID="Label1" Text='<%#Eval("mentor_FirstName")+ "</br> " + "<b>Experience: </b>"+Eval("mentor_experience") %> ' runat="server"></asp:Label>
                        </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                </asp:GridView>

希望提前感谢您的建议

解决方法

使用td td它将应用于网格的第二个td.

.mGrid td+td {   
     text-align:left !important;
}
.mGrid td+td+td {   
     text-align:left !important;
}

这是一个很好的帖子.
Styling the last td in a table with css

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读