Re: [jQuery] Collapsing table Columns?
Baxter schrieb: > That's exactly what I was thinking of. Thanks! > > On Mar 29, 1:10 pm, Roman Weich <[EMAIL PROTECTED]> wrote: >> Baxter schrieb:> Any ideas how one could hide/show table columns, rather >> than rows? >> >> I've made something like this some days ago. >> Maybe you want to take a look:http://p.sohei.org/jquery-plugins/columnmanager >> >> It's just a demo page right now, as I haven't found the time to document >> it yet. >> I'm glad you like it. :) I just updated the plugin(v0.1.1) and the demo page, so you can toggle the columns through your code, without having the header list generated. Cheers, /rw ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Collapsing table Columns?
That's exactly what I was thinking of. Thanks! On Mar 29, 1:10 pm, Roman Weich <[EMAIL PROTECTED]> wrote: > Baxter schrieb:> Any ideas how one could hide/show table columns, rather than > rows? > > I've made something like this some days ago. > Maybe you want to take a look:http://p.sohei.org/jquery-plugins/columnmanager > > It's just a demo page right now, as I haven't found the time to document > it yet. > > Cheers, > /rw > > ___ > jQuery mailing list > [EMAIL PROTECTED]://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Collapsing table Columns?
Hey, no problem, Richard. I hope I didn't seem too abrupt with my reply.
By the way, :nth-child() is actually a CSS3 (pseudo-class) selector:
http://www.w3.org/TR/css3-selectors/#nth-child-pseudo
it'll be really cool when browsers start supporting these. In the
meantime, we have jQuery. :)
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Mar 29, 2007, at 2:52 PM, Richard Thomas wrote:
Sorry I don't know the xpath/selectors that well yet.
I "had" problems with just the show and hide in the past, so I had to
use custom code like the following
toggleClasstr = 'block'
// Supports DOM2 requires specific style
if ( window.addEventListener != undefined ) {
toggleClasstr = 'table-row';
}
Looks like this was fixed in jquery which is nice I can get rid of my
extra code.
On 3/29/07, Karl Swedberg <[EMAIL PROTECTED]> wrote:
On Mar 29, 2007, at 1:40 PM, Richard Thomas wrote:
You would need to hide every cell in the row
I don't know what you're getting at here. If you mean every cell
in the
*column*, then that is exactly what 'td:nth-child(n)' would get.
But maybe
I'm misunderstanding you.
also I don't know if its
fixed in jQuery but IE and Firefox differ in how to unhide the cell,
one requires being set to block mode the other to table-cell or
something, don't remember off the top of my head.
This is only an issue with the animated show and hide methods.
Just using
.show() and .hide() isn't a problem.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Collapsing table Columns?
The only time this still acts up is if you have the element
display:none; in a style sheet. However there is a ticket to fix this
issue with a patch that works 99% of the time.
--
Brandon Aaron
On 3/29/07, Richard Thomas <[EMAIL PROTECTED]> wrote:
> Sorry I don't know the xpath/selectors that well yet.
>
> I "had" problems with just the show and hide in the past, so I had to
> use custom code like the following
>
> toggleClasstr = 'block'
> // Supports DOM2 requires specific style
> if ( window.addEventListener != undefined ) {
>toggleClasstr = 'table-row';
> }
>
> Looks like this was fixed in jquery which is nice I can get rid of my
> extra code.
>
> On 3/29/07, Karl Swedberg <[EMAIL PROTECTED]> wrote:
> > On Mar 29, 2007, at 1:40 PM, Richard Thomas wrote:
> > You would need to hide every cell in the row
> >
> > I don't know what you're getting at here. If you mean every cell in the
> > *column*, then that is exactly what 'td:nth-child(n)' would get. But maybe
> > I'm misunderstanding you.
> >
> >
> > also I don't know if its
> > fixed in jQuery but IE and Firefox differ in how to unhide the cell,
> > one requires being set to block mode the other to table-cell or
> > something, don't remember off the top of my head.
> >
> > This is only an issue with the animated show and hide methods. Just using
> > .show() and .hide() isn't a problem.
> >
> > --Karl
> > _
> > Karl Swedberg
> > www.englishrules.com
> > www.learningjquery.com
> >
> >
> >
> >
> >
> > ___
> > jQuery mailing list
> > discuss@jquery.com
> > http://jquery.com/discuss/
> >
> >
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Collapsing table Columns?
Sorry I don't know the xpath/selectors that well yet.
I "had" problems with just the show and hide in the past, so I had to
use custom code like the following
toggleClasstr = 'block'
// Supports DOM2 requires specific style
if ( window.addEventListener != undefined ) {
toggleClasstr = 'table-row';
}
Looks like this was fixed in jquery which is nice I can get rid of my
extra code.
On 3/29/07, Karl Swedberg <[EMAIL PROTECTED]> wrote:
> On Mar 29, 2007, at 1:40 PM, Richard Thomas wrote:
> You would need to hide every cell in the row
>
> I don't know what you're getting at here. If you mean every cell in the
> *column*, then that is exactly what 'td:nth-child(n)' would get. But maybe
> I'm misunderstanding you.
>
>
> also I don't know if its
> fixed in jQuery but IE and Firefox differ in how to unhide the cell,
> one requires being set to block mode the other to table-cell or
> something, don't remember off the top of my head.
>
> This is only an issue with the animated show and hide methods. Just using
> .show() and .hide() isn't a problem.
>
> --Karl
> _
> Karl Swedberg
> www.englishrules.com
> www.learningjquery.com
>
>
>
>
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>
>
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Collapsing table Columns?
On Mar 29, 2007, at 1:40 PM, Richard Thomas wrote: You would need to hide every cell in the row I don't know what you're getting at here. If you mean every cell in the *column*, then that is exactly what 'td:nth-child(n)' would get. But maybe I'm misunderstanding you. also I don't know if its fixed in jQuery but IE and Firefox differ in how to unhide the cell, one requires being set to block mode the other to table-cell or something, don't remember off the top of my head. This is only an issue with the animated show and hide methods. Just using .show() and .hide() isn't a problem. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Collapsing table Columns?
Baxter schrieb: > Any ideas how one could hide/show table columns, rather than rows? > I've made something like this some days ago. Maybe you want to take a look: http://p.sohei.org/jquery-plugins/columnmanager It's just a demo page right now, as I haven't found the time to document it yet. Cheers, /rw ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Collapsing table Columns?
You would need to hide every cell in the row, also I don't know if its
fixed in jQuery but IE and Firefox differ in how to unhide the cell,
one requires being set to block mode the other to table-cell or
something, don't remember off the top of my head.
On 3/29/07, Karl Swedberg <[EMAIL PROTECTED]> wrote:
> If it's the third column, you could also try this:
>
> $('td:nth-child(3)').hide()
>
> If you have s in your table and need to hide them, too, you can do this:
> $('td:nth-child(3), th:nth-child(3)').hide()
>
> --Karl
> _
> Karl Swedberg
> www.englishrules.com
> www.learningjquery.com
>
>
>
>
> On Mar 29, 2007, at 12:36 PM, Alexandre Plennevaux wrote:
>
> Using the element maybe?
>
> Otherwise, if it is the 3rd column you could do this:
>
> $("td+td+td").hide();
>
> I dunno if that works, but it's the css way to address the 3rd column.
>
> -Original Message-
> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] On
> Behalf Of Baxter
> Sent: jeudi 29 mars 2007 16:28
> To: discuss@jquery.com
> Subject: [jQuery] Collapsing table Columns?
>
> Any ideas how one could hide/show table columns, rather than rows?
>
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>
> --
> Ce message Envoi est certifié sans virus connu.
> Analyse effectuée par AVG.
> Version: 7.5.448 / Base de données virus: 268.18.20/737 - Date: 28/03/2007
> 16:23
>
>
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>
>
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Collapsing table Columns?
If it's the third column, you could also try this:
$('td:nth-child(3)').hide()
If you have s in your table and need to hide them, too, you can
do this:
$('td:nth-child(3), th:nth-child(3)').hide()
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Mar 29, 2007, at 12:36 PM, Alexandre Plennevaux wrote:
Using the element maybe?
Otherwise, if it is the 3rd column you could do this:
$("td+td+td").hide();
I dunno if that works, but it's the css way to address the 3rd column.
-Original Message-
From: [EMAIL PROTECTED] [mailto:discuss-
[EMAIL PROTECTED] On
Behalf Of Baxter
Sent: jeudi 29 mars 2007 16:28
To: discuss@jquery.com
Subject: [jQuery] Collapsing table Columns?
Any ideas how one could hide/show table columns, rather than rows?
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
--
Ce message Envoi est certifié sans virus connu.
Analyse effectuée par AVG.
Version: 7.5.448 / Base de données virus: 268.18.20/737 - Date:
28/03/2007
16:23
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Collapsing table Columns?
Using the element maybe?
Otherwise, if it is the 3rd column you could do this:
$("td+td+td").hide();
I dunno if that works, but it's the css way to address the 3rd column.
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Baxter
Sent: jeudi 29 mars 2007 16:28
To: discuss@jquery.com
Subject: [jQuery] Collapsing table Columns?
Any ideas how one could hide/show table columns, rather than rows?
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
--
Ce message Envoi est certifié sans virus connu.
Analyse effectuée par AVG.
Version: 7.5.448 / Base de données virus: 268.18.20/737 - Date: 28/03/2007
16:23
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
