Data Grid Table with sliding info - div inside tr positioning?

Moo, I fought with this one for quite a while on my app....there's no simple solution really. Datatables can't handle colspans, which limits the ability to add rows as you've noticed. Unless you want to do some creative spanning of divs the old fashioned way, adding a row is basically out.

Since Datatables has such tight control of the table syntax, doing some sort of shifting via CSS could be theoretically possible, but incredibly difficult....but I suspect if you went this route, you'd be doing a massive jumble of javascript inner html insertion.

Moo, I fought with this one for quite a while on my app....there's no simple solution really. Datatables can't handle colspans, which limits the ability to add rows as you've noticed. Unless you want to do some creative spanning of divs the old fashioned way, adding a row is basically out.

Since Datatables has such tight control of the table syntax, doing some sort of shifting via CSS could be theoretically possible, but incredibly difficult....but I suspect if you went this route, you'd be doing a massive jumble of javascript inner html insertion. After banging my head for quite a while, I settled for Qtip (craigsworks.com/projects/qtip/) I have the tip pop under the row it was triggered from via context and css, which gives a quasi-illusion of the table shifting. For a while I considered dumping Datatables, but I found that our customers really appreciate the functionality that it provides and others don't even come close.As an added bonus, it's very easy to setup and is very customizable.

Good luck.

Thank you! I know that it is diffucult, but possible. Unfortunately, I can't just give up and use something else instead because it is my test task for a job interview :) – moogeek Jul 12 '10 at 21:51 1 Bummer dude!

Well, I think in that case I'd approach it first with an onclick inner html append of another element. Since the tablesorter has already rendered the table prior to the onclick, in theory it wouldn't have any negative effects....at least until someone tried to sort again....Note the use of "in theory" because I certainly haven't tested it. You might be able to try this scenario by adding a element in firebug and seeing what happens.

– bpeterson76 Jul 12 '10 at 22:08 1 Ok, got it. See this: datatables. Net/examples/server_side/row_details.

Html – bpeterson76 Jul 12 '10 at 22:17 wow, this is great example! Thank you so much! – moogeek Jul 12 '10 at 22:18 Now the problem is how to make it in my javascripts or just use this example as the base... dilemma... – moogeek Jul 12 '10 at 22:23.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.