gridview的属性_grid css

gridview的属性_grid css正在做一个项目,其中用到了Gridview控件,内容如下即每行里又包括两小行,这个功能可以用两个嵌套的gridview实现,第二个要实现的是每个大行之间用实现相隔,每个小行之间用虚线网上很多资料都是关于Gridview的,但是关于样式的就不多后来发现可以在后台程序中动态改变CELL的式样protectedvoidGridView2_RowDataBound(obj

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

正在做一个项目,其中用到了Gridview控件,内容如下

gridview的属性_grid css

即每行里又包括两小行, 这个功能可以用两个嵌套的gridview实现,

第二个要实现的是每个大行之间用实现相隔, 每个小行之间用虚线

网上很多资料都是关于Gridview的,但是关于样式的就不多

后来发现可以在后台程序中动态改变CELL的式样

protected void GridView2_RowDataBound(object sender, GridViewRowEventArgs e)
    {

        e.Row.Attributes.Add(“onmouseover”, “this.style.backgroundColor=’#E6F5FA'”);
        e.Row.Attributes.Add(“onmouseout”, “this.style.backgroundColor=’#ccccff'”);
       
        for (int i = 0; i < e.Row.Cells.Count; i++)
        {

            e.Row.Cells[i].Attributes.Add(“class”, “linebottom”);
        }
    }

在CSS中设置

.linebottom
{

 border-bottom-color:Black;border-bottom-style:dotted;border-bottom-width :1;
 border-right-color:Black;border-right-style:solid;border-right-width :1;
}

终于大功告成

原代码

 

gridview的属性_grid css
using
 System;
gridview的属性_grid css

using
 System.Data;
gridview的属性_grid css

using
 System.Configuration;
gridview的属性_grid css

using
 System.Collections;
gridview的属性_grid css

using
 System.Web;
gridview的属性_grid css

using
 System.Web.Security;
gridview的属性_grid css

using
 System.Web.UI;
gridview的属性_grid css

using
 System.Web.UI.WebControls;
gridview的属性_grid css

using
 System.Web.UI.WebControls.WebParts;
gridview的属性_grid css

using
 System.Web.UI.HtmlControls;
gridview的属性_grid css
gridview的属性_grid css

public
 
partial
 
class
 HarboFuture : System.Web.UI.Page
gridview的属性_grid cssgridview的属性_grid css


{

gridview的属性_grid css    
protected void Page_Load(object sender, EventArgs e)
gridview的属性_grid cssgridview的属性_grid css    
{

gridview的属性_grid css        DataTable objDtInfo 
= new DataTable();
gridview的属性_grid css        objDtInfo.Columns.Add(
NOtypeof(string));
gridview的属性_grid css        objDtInfo.Columns.Add(
ターミナルtypeof(string));
gridview的属性_grid css        objDtInfo.Columns.Add(
更新日時typeof(string));
gridview的属性_grid css        objDtInfo.Columns.Add(
typeof(string));
gridview的属性_grid css        objDtInfo.Columns.Add(
typeof(string));
gridview的属性_grid css        objDtInfo.Columns.Add(
typeof(string));
gridview的属性_grid css        objDtInfo.Columns.Add(
typeof(string));
gridview的属性_grid css        objDtInfo.Columns.Add(
typeof(string));
gridview的属性_grid css        objDtInfo.Columns.Add(
typeof(string));
gridview的属性_grid css        objDtInfo.Columns.Add(
typeof(string));
gridview的属性_grid css
gridview的属性_grid css        DataRow objDrHeader 
= objDtInfo.NewRow();
gridview的属性_grid css        objDrHeader[
0= NO;
gridview的属性_grid css        objDrHeader[
1= ターミナル;
gridview的属性_grid css        objDrHeader[
2= 更新日時;
gridview的属性_grid css
gridview的属性_grid css        objDtInfo.Rows.Add(objDrHeader); 
gridview的属性_grid css
gridview的属性_grid css        
for (int i = 0; i < 4; i++)
gridview的属性_grid cssgridview的属性_grid css        
{

gridview的属性_grid css            DataRow objDrItem 
= objDtInfo.NewRow();
gridview的属性_grid css            objDrItem[
0= (i + 1).ToString();
gridview的属性_grid css            objDrItem[
1= 大井1号/2号;
gridview的属性_grid css            objDrItem[
2= DateTime.Now.ToString();
gridview的属性_grid css            objDrItem[
3= ;
gridview的属性_grid css            objDrItem[
4= ;
gridview的属性_grid css            objDrItem[
5= ;
gridview的属性_grid css            objDrItem[
6= ;
gridview的属性_grid css            objDrItem[
7= ×;
gridview的属性_grid css            objDrItem[
8= ;
gridview的属性_grid css            objDrItem[
9= ;
gridview的属性_grid css            objDtInfo.Rows.Add(objDrItem); 
gridview的属性_grid css        }

gridview的属性_grid css        GridView1.DataSource 
= objDtInfo;
gridview的属性_grid css        GridView1.DataBind(); 
gridview的属性_grid css    }

gridview的属性_grid css    
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
gridview的属性_grid cssgridview的属性_grid css    
{

gridview的属性_grid css        
if (e.Row.RowIndex > 1)
gridview的属性_grid cssgridview的属性_grid css        
{

gridview的属性_grid css            AccessDataSource accessDS 
= e.Row.FindControl(AccessDataSource2as AccessDataSource;
gridview的属性_grid css            accessDS.SelectParameters[
id].DefaultValue = (e.Row.RowIndex).ToString();
gridview的属性_grid css        }

gridview的属性_grid css
gridview的属性_grid css    }

gridview的属性_grid css
gridview的属性_grid css     
protected void GridView2_RowDataBound(object sender, GridViewRowEventArgs e)
gridview的属性_grid cssgridview的属性_grid css    
{

gridview的属性_grid css        e.Row.Attributes.Add(
onmouseoverthis.style.backgroundColor=’#E6F5FA’);
gridview的属性_grid css        e.Row.Attributes.Add(
onmouseoutthis.style.backgroundColor=’#ccccff’);
gridview的属性_grid css        
gridview的属性_grid css        
for (int i = 0; i < e.Row.Cells.Count; i++)
gridview的属性_grid cssgridview的属性_grid css        
{

gridview的属性_grid css            e.Row.Cells[i].Attributes.Add(
classlinebottom);
gridview的属性_grid css        }

gridview的属性_grid css    }

gridview的属性_grid css}


gridview的属性_grid css

 

ASPX

 

gridview的属性_grid css
<%
@ Page Language
=

C#

 MasterPageFile
=

~/MasterTop.master

 AutoEventWireup
=

true

 CodeFile
=

HarboFuture.aspx.cs

 Inherits
=

HarboFuture

 Title
=

Untitled Page

 
%>

gridview的属性_grid css

<
asp:Content ID
=

Content1

 ContentPlaceHolderID
=

ContentPlaceHolder1

 Runat
=

Server

>

gridview的属性_grid css  

<
table id 
=
 

all

 
class
=

tableAll

 
>

gridview的属性_grid css  

<
tr
>
 
gridview的属性_grid css   

<
td align 
=
 

center

 
>

gridview的属性_grid css    

<
table id 
=
 

content

 width 
=
 

80%

 
>

gridview的属性_grid css        
gridview的属性_grid css        

<
tr
>

gridview的属性_grid css            

<
td 
>

gridview的属性_grid css                

<
table id 
=
 

line1

  width 
=
 

100%

  
>

gridview的属性_grid css                    

<
tr
>

gridview的属性_grid css                        

<
td
>

gridview的属性_grid css                            

<
asp:Label ID
=

lblLine1

 runat
=

server

 Text
=

大井ふ頭 混雑予想情報

 Font

Size 
=
 

Large

 
></
asp:Label
></
td
>
 
gridview的属性_grid css                    

</
tr
>

gridview的属性_grid css                

</
table
>

gridview的属性_grid css            

</
td
>

gridview的属性_grid css        

</
tr
>

gridview的属性_grid css        

<
tr
>

gridview的属性_grid css            

<
td
>

gridview的属性_grid css                

<
table id 
=
 

line2

  width 
=
 

100%

>

gridview的属性_grid css                    

<
tr
>

gridview的属性_grid css                        

<
td style 
=

 width: 33%

 align 
=
 

center

 
>
 
gridview的属性_grid css                            

<
asp:LinkButton ID
=

lnkbtnLastWeek

 runat
=

server

 Font

Size 
=
 

Medium

>
前週<<
</
asp:LinkButton
></
td
>
 
gridview的属性_grid css                        

<
td style 
=

 width: 34%

>

gridview的属性_grid css                            

<
asp:Label ID
=

lblThisWeek

 runat
=

server

 Font

Size 
=
 

Medium

 Text
=

11/6(月)~11/12(日)

></
asp:Label
></
td
>
 
gridview的属性_grid css                        

<
td style 
=

 width: 33%

>

gridview的属性_grid css                            

<
asp:LinkButton ID
=

lnkbtnNextWeek

 Font

Size 
=
 

Medium

 runat
=

server

>
>>翌週
</
asp:LinkButton
></
td
>
 
gridview的属性_grid css                    

</
tr
>

gridview的属性_grid css                

</
table
>

gridview的属性_grid css            

</
td
>

gridview的属性_grid css        

</
tr
>

gridview的属性_grid css        

<
tr
>

gridview的属性_grid css            

<
td style
=

height: 32px

  
>

gridview的属性_grid css                

<
table id 
=
 

line3

 width 
=
 

100%

>

gridview的属性_grid css                    

<
tr
>

gridview的属性_grid css                        

<
td
>

gridview的属性_grid css                            

<
asp:GridView ID
=

GridView1

 runat
=

server

 RowStyle

Font

Size 
=
 

Medium

 RowStyle

HorizontalAlign 
=
 

Center

 ShowHeader 
=
 

False

 
gridview的属性_grid css                            AutoGenerateColumns

=

False

 OnRowDataBound
=

GridView1_RowDataBound

 BorderColor 
=
 

Black

 BorderStyle 
=

Solid

 BorderWidth 
=
 

2

 
>

gridview的属性_grid css                            

<
Columns 
>

gridview的属性_grid css                                

<
asp:TemplateField ItemStyle

BorderColor 
=
 

Black

 ItemStyle

BorderWidth 
=
 

1

 ItemStyle

BorderStyle 
=

Solid

 
>

gridview的属性_grid css                                    

<
ItemTemplate 
>

gridview的属性_grid css                                        

<
asp:Label ID
=

lblNo

 Width 
=
 

50

  runat
=

server

 Text
=

<%#DataBinder.Eval(Container.DataItem,”NO”) %>

 
/>

gridview的属性_grid css                                    

</
ItemTemplate
>

gridview的属性_grid css                                

</
asp:TemplateField 
>

gridview的属性_grid css                                

<
asp:TemplateField ItemStyle

BorderColor 
=
 

Black

 ItemStyle

BorderWidth 
=
 

1

 ItemStyle

BorderStyle 
=

Solid

>

gridview的属性_grid css                                    

<
ItemTemplate
>

gridview的属性_grid css                                        

<
asp:Label ID
=

lblColumns2

 Width 
=
 

120

 runat
=

server

 Text
=

<%#DataBinder.Eval(Container.DataItem,”ターミナル”) %>

 
/>

gridview的属性_grid css                                    

</
ItemTemplate
>

gridview的属性_grid css                                    

<
ItemStyle BackColor
=

Transparent

 BorderColor
=

Transparent

 
/>

gridview的属性_grid css                                

</
asp:TemplateField
>

gridview的属性_grid css                                

<
asp:TemplateField ItemStyle

BorderColor 
=
 

Black

 ItemStyle

BorderWidth 
=
 

1

 ItemStyle

BorderStyle 
=

Solid

>

gridview的属性_grid css                                    

<
ItemTemplate
>

gridview的属性_grid css                                        

<
asp:Label ID
=

lblColumns3

 Width 
=
 

120

 runat
=

server

 Text
=

<%#DataBinder.Eval(Container.DataItem,”更新日時”) %>

 
/>

gridview的属性_grid css                                    

</
ItemTemplate
>

gridview的属性_grid css                                

</
asp:TemplateField
>

gridview的属性_grid css                                

<
asp:TemplateField ItemStyle

BorderColor 
=
 

Black

 ItemStyle

BorderWidth 
=
 

1

 ItemStyle

BorderStyle 
=

Solid

>

gridview的属性_grid css                                    

<
ItemTemplate
>

gridview的属性_grid css                                         

<
asp:GridView ID
=

GridView2

 runat
=

server

 DataKeyNames
=

id

  RowStyle

HorizontalAlign 
=
 

Center


gridview的属性_grid css                                            AutoGenerateColumns

=

False

 DataSourceID
=

AccessDataSource2

 RowStyle

Font

Size 
=
 

Medium

  RowStyle

BackColor 
=
 

#ccccff

 
gridview的属性_grid css                                            ShowHeader 

=
 

false

 OnRowDataBound 
=
 

GridView2_RowDataBound

 CellPadding 
=
 

0

>
                     
gridview的属性_grid css                                            

<
Columns
>

gridview的属性_grid css                                            

<
asp:BoundField DataField
=

Monday

 ItemStyle

Width 
=
 

55

    ItemStyle

BackColor 
=

#C0FFFF

  ReadOnly
=

True

/>

gridview的属性_grid css                                            

<
asp:BoundField DataField
=

Tuesday

  ItemStyle

Width 
=
 

55

 ReadOnly
=

True

/>

gridview的属性_grid css                                            

<
asp:BoundField DataField
=

Wednesday

  ItemStyle

Width 
=
 

55

 ReadOnly
=

True

/>

gridview的属性_grid css                                            

<
asp:BoundField DataField
=

Thursday

 ItemStyle

Width 
=
 

55

  ReadOnly
=

True

/>

gridview的属性_grid css                                            

<
asp:BoundField DataField
=

Friday

  ItemStyle

Width 
=
 

55

  ReadOnly
=

True

/>

gridview的属性_grid css                                            

<
asp:BoundField DataField
=

Saturday

   ItemStyle

Width 
=
 

55

 ReadOnly
=

True

/>

gridview的属性_grid css                                            

<
asp:BoundField DataField
=

Sunday

   ItemStyle

Width 
=
 

55

 ReadOnly
=

True

/>

gridview的属性_grid css                                            

</
Columns
>

gridview的属性_grid css                                         

</
asp:GridView
>
 
gridview的属性_grid css                                         

<
asp:AccessDataSource ID
=

AccessDataSource2

 runat
=

server

 DataFile
=

~/App_Data/test.mdb


gridview的属性_grid css                                            SelectCommand

=

SELECT * FROM [stu] WHERE ([id] = ?)

>

gridview的属性_grid css                                            

<
SelectParameters
>

gridview的属性_grid css                                                

<
asp:Parameter Name
=

id

 Type
=

string

 
/>

gridview的属性_grid css                                            

</
SelectParameters
>

gridview的属性_grid css                                        

</
asp:AccessDataSource
>

gridview的属性_grid css                                    

</
ItemTemplate
>
                                   
gridview的属性_grid css                                    

<
ControlStyle BackColor
=

White

 
/>

gridview的属性_grid css                                

</
asp:TemplateField
>

gridview的属性_grid css                                
gridview的属性_grid css                            

</
Columns
>

gridview的属性_grid css                                

<
RowStyle Font

Size
=

Medium

 HorizontalAlign
=

Center

 
/>

gridview的属性_grid css                            

</
asp:GridView
>

gridview的属性_grid css                        

</
td
>
 
gridview的属性_grid css                    

</
tr
>

gridview的属性_grid css                

</
table
>

gridview的属性_grid css            

</
td
>

gridview的属性_grid css        

</
tr
>

gridview的属性_grid css        

<
tr
>

gridview的属性_grid css            

<
td style
=

height: 32px

>

gridview的属性_grid css                

<
table id 
=
 

line4

  width 
=
 

100%

>

gridview的属性_grid css                    

<
tr
>

gridview的属性_grid css                        

<
td align 
=
 

center

 
>

gridview的属性_grid css                            

<
asp:Label ID
=

lblMark

 runat
=

server

 Font

Size 
=
 

Medium

 Text
=

上段:混雑予想(×:大混雑、△:混雑、○:普通、◎:空き) 下段:搬出催促(☆)

></
asp:Label
></
td
>
 
gridview的属性_grid css                    

</
tr
>

gridview的属性_grid css                

</
table
>

gridview的属性_grid css            

</
td
>

gridview的属性_grid css        

</
tr
>

gridview的属性_grid css        

<
tr
>

gridview的属性_grid css            

<
td
>

gridview的属性_grid css                

<
table id 
=
 

line5

  width 
=
 

100%

>

gridview的属性_grid css                    

<
tr
>

gridview的属性_grid css                        

<
td
>

gridview的属性_grid css                            

<
asp:Label ID
=

lblExcelOutput

 runat
=

server

 Font

Size 
=
 

Medium

 Text
=

搬出入作業週間予報ダウンロード(Excelファイル)

></
asp:Label
></
td
>
 
gridview的属性_grid css                    

</
tr
>

gridview的属性_grid css                

</
table
>

gridview的属性_grid css            

</
td
>

gridview的属性_grid css        

</
tr
>

gridview的属性_grid css        

<
tr
>

gridview的属性_grid css            

<
td
>

gridview的属性_grid css                

<
table id 
=
 

line6

  width 
=
 

100%

>

gridview的属性_grid css                    

<
tr
>

gridview的属性_grid css                        

<
td style
=

width: 20%

>

gridview的属性_grid css                            

<
asp:LinkButton ID
=

lnkbtnExcel1

 Font

Size 
=
 

Medium

 runat
=

server

>
今週(11月第2週)
</
asp:LinkButton
></
td
>
 
gridview的属性_grid css                        

<
td style
=

width: 20%

>

gridview的属性_grid css                            

<
asp:LinkButton ID
=

lnkbtnExcel2

 Font

Size 
=
 

Medium

 runat
=

server

>
11月第3週
</
asp:LinkButton
></
td
>
 
gridview的属性_grid css                        

<
td style
=

width: 20%

>

gridview的属性_grid css                            

<
asp:LinkButton ID
=

lnkbtnExcel3

 Font

Size 
=
 

Medium

 runat
=

server

>
11月第4週
</
asp:LinkButton
></
td
>
 
gridview的属性_grid css                        

<
td style
=

width: 20%

>

gridview的属性_grid css                            

<
asp:LinkButton ID
=

lnkbtnExcel4

 Font

Size 
=
 

Medium

 runat
=

server

>
11月第5週
</
asp:LinkButton
></
td
>
 
gridview的属性_grid css                        

<
td style
=

width: 20%

>

gridview的属性_grid css                            

<
asp:LinkButton ID
=

lnkbtnExcel5

 Font

Size 
=
 

Medium

 runat
=

server

>
12月第1週
</
asp:LinkButton
></
td
>
 
gridview的属性_grid css                    

</
tr
>

gridview的属性_grid css                

</
table
>

gridview的属性_grid css            

</
td
>

gridview的属性_grid css        

</
tr
>

gridview的属性_grid css       
gridview的属性_grid css    

</
table
>

gridview的属性_grid css    

</
td
>
 
gridview的属性_grid css    

</
tr
>

gridview的属性_grid css

</
table
>
    
gridview的属性_grid css

</
asp:Content
>

gridview的属性_grid css
gridview的属性_grid css
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/193136.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Python机器学习-分类「建议收藏」

    Python机器学习-分类「建议收藏」监督学习下的分类模型,主要运用sklearn实践kNN分类器kNN分类器决策树决策树朴素贝叶斯朴素贝叶斯实战一:预测股市涨跌实战一:预测股市涨跌实战二:通过运动传感器采集的数据分析运

    2022年7月5日
    23
  • log4j2 debug_log4j原理

    log4j2 debug_log4j原理长话短说吧。相信大家已经被Log4j2的重大漏洞刷屏了,估计有不少小伙伴此前为了修bug已经累趴下了。很不幸,我的小老弟小二的SpringBoot项目中恰好用的就是Log4j2,版本特喵的还是2.14.1,在这次漏洞波及的版本范围之内。第一时间从网上得知这个漏洞的消息后,小二吓尿了。赶紧跑过来问老王怎么解决。老王先是给小二提供了一些临时性的建议,比如说:JVM参数添加-Dlog4j2.formatMsgNoLookups=truelog4j2.formatMsgNoLooku

    2025年7月2日
    6
  • Java基础面试题整理「建议收藏」

    面向对象的三个特征封装,继承,多态.这个应该是人人皆知.有时候也会加上抽象.多态的好处允许不同类对象对同一消息做出响应,即同一消息可以根据发送对象的不同而采用多种不同的行为方式(发送消息就是函数调用).主要有以下优点:可替换性:多态对已存在代码具有可替换性. 可扩充性:增加新的子类不影响已经存在的类结构. 接口性:多态是超类通过方法签名,向子类提供一个公共接口,由子类来完善或者…

    2022年4月10日
    38
  • insert sql语句_SQL Insert语句概述

    insert sql语句_SQL Insert语句概述insertsql 语句 Thisarticleo ispartofaser operatorsand Thepreviousa all

    2025年7月14日
    5
  • datagrip 激活码最新(JetBrains全家桶)

    (datagrip 激活码最新)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html…

    2022年3月28日
    328
  • webstorm根据eslint保存的时候格式化代码

    webstorm根据eslint保存的时候格式化代码前言:用webstrom把vue项目设置eslint规则,然后保存的时候根据eslint规则格式化当前组件的代码目录:操作步骤:(参考入口)1、点击settings->pluings->搜索eslint->Install安装​​2、安装好之后,找到settings中ESLint,选中,就会进入配置页面,3、到这一步,实际规则已经配置好了,下来就是调用的问题了,搜索keymap,然后把右边的去掉,改成esli,就可以看到FixESLintP…

    2022年6月6日
    60

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号