datagrid and border-collapse:collap se style

[Vaclav Jedlicka]

Hi

I need a datagrid on a page, but it is rendered with the style
"border-collapse:collap se;". I do not need this style. It interferes with
the settings in my CSS file. I tried to supress it with this code (1 line of
code):

DataGrid1.Contr olStyle.Reset() ;

which works.
Unfortunately I need cellspacing="0"
When I set cellspacing to zero like this (2 lines of code):

DataGrid1.Contr olStyle.Reset() ;
DataGrid1.CellS pacing = 0;

then the datagrid is rendered as a table and the
style="border-collapse:collap se;" comes back again!

How can I get rid of it?
Thanks

Vaclav

[Yan-Hong Huang[MSFT]]

Hello Vaclav,

I have seen this question in the group. Here is the reply from ASP.NET
Development team:

----------------------------------------------------------
No there isn't a way to get rid of border-collapse if you set CellSpacing
to 0.

Perhaps there should have been a way to override this behavior. Tables
with cellspacing=0 with the borders collapsed don't look like they have
really 0 cellspacing (visually), because each cell has a border. Therefore
to make it appear that there is absolutely no space between cells, we add
this style attribute.

Here's what you should do:
1. Write a MyTable control deriving from Table
2. In there override CreateControlSt yle to plug in a derived style
protected override Style CreateControlSt yle() {
return new MyTableStyle(Vi ewState);
}
3. Write the MyTableStyle class deriving from TableStyle like so:

public class MyTableStyle : TableStyle {
private bool _rendering;

public override int CellSpacing {
get {
if (_rendering) {
return -1;
}
return base.CellSpacin g;
}
set {
base.CellSpacin g = value;
}
}

public override void AddAttributesTo Render(HtmlText Writer writer,
WebControl owner) {
try {

_rendering = true;
base.AddAttribu tesToRender(wri ter, owner);
}
finally {
_rendering = false;
}
int n = CellSpacing;
if (n >= 0) {
writer.AddAttri bute(HtmlTextWr iterAttribute.C ellSpacing,
n.ToString(Cult ureInfo.Invaria ntCulture));
}
}
}

That should do the trick... of course this is email code based on memory of
the code, so it might need small modifications to fully work.

-------------------------------------------------

Hope it helps.

Best regards,
yhhuang
VS.NET, Visual C++
Microsoft

This posting is provided "AS IS" with no warranties, and confers no rights.
Got .Net? http://www.gotdotnet.com
--------------------
!From: "Vaclav Jedlicka" <vj*******@iol. cz>
!Subject: datagrid and border-collapse:collap se style
!Date: Thu, 26 Jun 2003 12:47:12 +0200
!Lines: 28
!X-Priority: 3
!X-MSMail-Priority: Normal
!X-Newsreader: Microsoft Outlook Express 6.00.2800.1158
!X-MIMEOLE: Produced By Microsoft MimeOLE V6.00.2800.1165
!Message-ID: <Od************ **@tk2msftngp13 .phx.gbl>
!Newsgroups: microsoft.publi c.dotnet.framew ork.aspnet
!NNTP-Posting-Host: 195.47.25.99
!Path: cpmsftngxa06.ph x.gbl!TK2MSFTNG P08.phx.gbl!tk2 msftngp13.phx.g bl
!Xref: cpmsftngxa06.ph x.gbl microsoft.publi c.dotnet.framew ork.aspnet:1550 60
!X-Tomcat-NG: microsoft.publi c.dotnet.framew ork.aspnet
!
!Hi
!
!I need a datagrid on a page, but it is rendered with the style
!"border-collapse:collap se;". I do not need this style. It interferes with
!the settings in my CSS file. I tried to supress it with this code (1 line
of
!code):
!
!DataGrid1.Cont rolStyle.Reset( );
!
!which works.
!Unfortunately I need cellspacing="0"
!When I set cellspacing to zero like this (2 lines of code):
!
!DataGrid1.Cont rolStyle.Reset( );
!DataGrid1.Cell Spacing = 0;
!
!then the datagrid is rendered as a table and the
!style="border-collapse:collap se;" comes back again!
!
!How can I get rid of it?
!
!
!Thanks
!
!Vaclav
!
!
!
!