PDA

View Full Version : سوال: تغییر GridView در بخش ویرایش



moonfa1392
یک شنبه 07 تیر 1394, 10:50 صبح
سلام دوستان من دارم یک پنل رو می نویسم. برای ویرایش و حذف سطر ها از GridView استفاده کردم که به صورت جدول (Table) میاره. من میتونم به Table استایل بدم ولی نمیدونم چجوری به GridView استایل بدم لطفا راهنماییم کنید. همونطور که میدونید جدول به صورت زیر نوشته میشه:
<table style="width: 100%;">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

اما GridView درحالی که همون جدوله ولی به این صورت نوشته میشه و نمیتونم بهش استایل بدم چون html نیست ascx هست (وب فرم) :

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding="4" DataSourceID="SqlDataSource1" ForeColor="#333333" GridLines="None" OnRowCommand="GridView1_RowCommand" DataKeyNames="Mnu_ID">
<AlternatingRowStyle BackColor="White" />
<Columns>
<asp:BoundField DataField="Mnu_ID" HeaderText="کد منو" InsertVisible="False" ReadOnly="True" SortExpression="Mnu_ID" />
<asp:BoundField DataField="Mnu_Title" HeaderText="عنوان منو" SortExpression="Mnu_Title" />
<asp:BoundField DataField="Mnu_Link" HeaderText="لینک منو" SortExpression="Mnu_Link" />
<asp:ButtonField CommandName="EditMenu" HeaderText="ویرایش" Text="ویرایش" />
<asp:ButtonField CommandName="DeleteMenu" HeaderText="حذف" Text="حذف" />
</Columns>
<EditRowStyle BackColor="#2461BF" />
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<RowStyle BackColor="#EFF3FB" />
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<SortedAscendingCellStyle BackColor="#F5F7FB" />
<SortedAscendingHeaderStyle BackColor="#6D95E1" />
<SortedDescendingCellStyle BackColor="#E9EBEF" />
<SortedDescendingHeaderStyle BackColor="#4870BE" />
</asp:GridView>

asiehmohammadian
یک شنبه 07 تیر 1394, 13:22 عصر
چرانشه به گرید استایل داد ؟!!!
داخل

<asp:GridView CssClass="mGrid" >

واستایل mgrid (یاهرنام دلخواهی که خودتون میدونید ) و هرجوری دوست دارید تعریف میکنید

moonfa1392
پنج شنبه 11 تیر 1394, 09:15 صبح
چرانشه به گرید استایل داد ؟!!!
داخل

<asp:GridView CssClass="mGrid" >

واستایل mgrid (یاهرنام دلخواهی که خودتون میدونید ) و هرجوری دوست دارید تعریف میکنید

اینطور که شما میگید نمیشه به سطر ها و فیلد ها استایل داد

asiehmohammadian
پنج شنبه 11 تیر 1394, 11:21 صبح
چرا میشه
یک نمونه اش وبراتون میذارم


.mGrid { width: 70%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
/*.mGrid td{ padding: 2px; border: solid 1px #c1c1c1; color: #717171; }*/
.mGrid th { padding: 4px 2px; color: #fff; background: #424242 url(grd_head.png) repeat-x top; border-left: solid 1px #525252;}
.mGrid .alt {}
.mGrid .pgr {background: #424242 url(grd_pgr.png) repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }
.mGrid tr td:nth-child(3),.mGrid tr td:nth-child(4) {
text-align: center;
padding: 2px;
border: solid 1px #c1c1c1;
color: #717171;

}
.mGrid tr td:nth-child(1),.mGrid tr td:nth-child(2) {
text-align: right;
padding: 2px;
border: solid 1px #c1c1c1;
color: #717171;

}