[Moo] hidden table row not spanning td columns

[cbolson]

Hello,
I realise that this is more of a general tables - javascript question/
problem but I was hoping that somebody might have a solution.

The problem is that when I use  el.slide() (or similar fx) on a table
row that is "supposed" to span all the table columns, it pushes all
the contents into the first table cell.
You can see it here:
http://mooshell.net/7eGze/2

When testing if you comment out the  res.slide('out'); line you will
see that it loads the table correctly. However, when you click on the
main row (or the "show data" text) you will see how the hidden data
row is collapsed into a single cell.

Thanks in advance for any suggestions, solutions or pointers :)

Chris

[anutron]

Fx.Slide wraps the contents you wish to slide in a container div. Table items are not display:block, and the introduction of a block item in their midst throws off the rendering.

On Thu, Oct 29, 2009 at 7:25 AM, cbolson <[hidden email]> wrote:

Hello,
I realise that this is more of a general tables - javascript question/
problem but I was hoping that somebody might have a solution.

The problem is that when I use  el.slide() (or similar fx) on a table
row that is "supposed" to span all the table columns, it pushes all
the contents into the first table cell.
You can see it here:
http://mooshell.net/7eGze/2

When testing if you comment out the  res.slide('out'); line you will
see that it loads the table correctly. However, when you click on the
main row (or the "show data" text) you will see how the hidden data
row is collapsed into a single cell.

Thanks in advance for any suggestions, solutions or pointers :)

Chris

[cbolson]

Ah, thanks Aaron, that explains it.
So, it looks like I am going to have to rewrite my tabular data with
layers if I want to get this to work....
Unless anyone knows of an alternative method.

Chris

On 29 oct, 16:40, Aaron Newton <[hidden email]> wrote:

> Fx.Slide wraps the contents you wish to slide in a container div. Table
> items are not display:block, and the introduction of a block item in their
> midst throws off the rendering.
>
> On Thu, Oct 29, 2009 at 7:25 AM, cbolson <[hidden email]> wrote:
>
> > Hello,
> > I realise that this is more of a general tables - javascript question/
> > problem but I was hoping that somebody might have a solution.
>
> > The problem is that when I use  el.slide() (or similar fx) on a table
> > row that is "supposed" to span all the table columns, it pushes all
> > the contents into the first table cell.
> > You can see it here:
> >http://mooshell.net/7eGze/2
>
> > When testing if you comment out the  res.slide('out'); line you will
> > see that it loads the table correctly. However, when you click on the
> > main row (or the "show data" text) you will see how the hidden data
> > row is collapsed into a single cell.
>
> > Thanks in advance for any suggestions, solutions or pointers :)
>
> > Chris

[anutron]

you might try Fx.Reveal. It also uses display block but it changes the properties of the target element (it doesn't wrap it).

Or you could put some of your data in a table row that spans the whole table, exposing the contents inside the td that spans.

On Thu, Oct 29, 2009 at 8:56 AM, cbolson <[hidden email]> wrote:

Ah, thanks Aaron, that explains it.
So, it looks like I am going to have to rewrite my tabular data with
layers if I want to get this to work....
Unless anyone knows of an alternative method.

Chris

On 29 oct, 16:40, Aaron Newton <[hidden email]> wrote:
> Fx.Slide wraps the contents you wish to slide in a container div. Table
> items are not display:block, and the introduction of a block item in their
> midst throws off the rendering.
>

> On Thu, Oct 29, 2009 at 7:25 AM, cbolson <[hidden email]> wrote:
>
> > Hello,
> > I realise that this is more of a general tables - javascript question/
> > problem but I was hoping that somebody might have a solution.
>
> > The problem is that when I use  el.slide() (or similar fx) on a table
> > row that is "supposed" to span all the table columns, it pushes all
> > the contents into the first table cell.
> > You can see it here:
> >http://mooshell.net/7eGze/2
>
> > When testing if you comment out the  res.slide('out'); line you will
> > see that it loads the table correctly. However, when you click on the
> > main row (or the "show data" text) you will see how the hidden data
> > row is collapsed into a single cell.
>
> > Thanks in advance for any suggestions, solutions or pointers :)
>
> > Chris