Now, I see your point. It is not a traditional table. Right now, the Table object has strict structure with td/tr/th. But we could clone a similar 2D UI object from Table for you. Will try and let you know after I am done.
Thanks, Jian On Fri, Aug 28, 2009 at 11:15 AM, Peter <[email protected]> wrote: > > To get a better picture of the structure, here the same table without > some annoying attributes: > <div id="table"> > <div> > <div id="name"> > <div>Data</div> > <div> > <img/> > </div> > </div> > <div id="shortname"> > <div>Bezeichnung</div> > <div> > <img/> > </div> > </div> > <div id="type"> > <div>Typ</div> > <div> > <img/> > </div> > </div> > </div> > <div> > <div> > <div/> > </div> > </div> > <div> > <div> > <div/> > </div> > </div> > <div id="client-area"> > <div> > <div>Bildsystem</div> > <div>Bildsystem</div> > <div>Bildserver</div> > </div> > <div> > <div>Partner</div> > <div>Partner</div> > <div>Bestandssystem</div> > </div> > <div> > <div>MS</div> > <div>MS</div> > <div>MS</div> > </div> > <div/> > <div/> > <div/> > </div> > </div> > > On 28 Aug., 17:07, Peter <[email protected]> wrote: > > OK, here we go: > > > > the HTML snippet contains an example for a table with variable size, > > in this case with three columns. > > In the code you will find the headline with three entries (name, > > shortname, type), followed by two scrollbars and the table grid > > (client-area) with three filled rows and three empty rows. I'm only > > interested in the headline and the table content... > > > > <div id="table" style="border-style: solid; border-color: rgb(167, > > 166, 170) rgb(255, 255, 255) rgb(255, 255, 255) rgb(167, 166, 170); > > border-width: 2px; overflow: hidden; position: absolute; background- > > color: rgb(242, 242, 242); -moz-user-focus: normal; z-index: 300; > > outline-color: -moz-use-text-color; outline-style: none; outline- > > width: medium; -moz-border-top-colors: rgb(167, 166, 170) rgb(133, > > 135, 140); -moz-border-right-colors: rgb(255, 255, 255) rgb(220, 223, > > 228); -moz-border-bottom-colors: rgb(255, 255, 255) rgb(220, 223, > > 228); -moz-border-left-colors: rgb(167, 166, 170) rgb(133, 135, 140); > > width: 1262px; height: 565px; left: 2px; top: 38px;"> > > <div style="position: absolute; outline-color: -moz-use-text- > > color; outline-style: none; outline-width: medium; width: 1242px; > > height: 18px; left: 0px; top: 0px;"> > > <div id="name" style="border-style: solid; border-color: rgb > > (150, 146, 131); border-width: 0px 1px 2px 0px; overflow: hidden; > > position: absolute; cursor: default; opacity: 1; background-color: rgb > > (218, 218, 218); z-index: 301; outline-color: -moz-use-text-color; > > outline-style: none; outline-width: medium; width: 622px; height: > > 18px; left: 0px;"> > > <div style="position: absolute; -moz-user-select: none; > > white-space: nowrap; color: rgb(0, 0, 0); font-family: Tahoma; font- > > size: 12px; outline-color: -moz-use-text-color; outline-style: none; > > outline-width: medium; left: 2px; top: 1px;">Data</div> > > <div style="position: absolute; -moz-user-select: none; > > outline-color: -moz-use-text-color; outline-style: none; outline- > > width: medium; left: 77px; top: 3px;"> > > <img height="10" width="10" style="border: 0pt none ; > > vertical-align: top;" alt="" title="" src="resource/themes/Custom_1/ > > widgets/table.column.sort.up"/> > > </div> > > </div> > > <div id="shortname" style="border-style: solid; border-color: > > rgb(150, 146, 131); border-width: 0px 1px 2px 0px; overflow: hidden; > > position: absolute; cursor: default; opacity: 1; background-color: rgb > > (218, 218, 218); z-index: 301; outline-color: -moz-use-text-color; > > outline-style: none; outline-width: medium; width: 372px; height: > > 18px; left: 622px;"> > > <div style="position: absolute; -moz-user-select: none; > > white-space: nowrap; color: rgb(0, 0, 0); font-family: Tahoma; font- > > size: 12px; outline-color: -moz-use-text-color; outline-style: none; > > outline-width: medium; left: 2px; top: 1px;">Bezeichnung</div> > > <div style="position: absolute; -moz-user-select: none; > > outline-color: -moz-use-text-color; outline-style: none; outline- > > width: medium; left: 96px; top: 8px;"> > > <img height="0" width="0" style="border: 0pt none ; > > vertical-align: top;" alt="" title="" src="./resource/static/image/ > > blank.gif"/> > > </div> > > </div> > > <div id="type" style="border-style: solid; border-color: rgb > > (150, 146, 131); border-width: 0px 1px 2px 0px; overflow: hidden; > > position: absolute; cursor: default; opacity: 1; background-color: rgb > > (218, 218, 218); z-index: 301; outline-color: -moz-use-text-color; > > outline-style: none; outline-width: medium; width: 248px; height: > > 18px; left: 994px;"> > > <div style="position: absolute; -moz-user-select: none; > > white-space: nowrap; color: rgb(0, 0, 0); font-family: Tahoma; font- > > size: 12px; outline-color: -moz-use-text-color; outline-style: none; > > outline-width: medium; left: 2px; top: 1px;">Typ</div> > > <div style="position: absolute; -moz-user-select: none; > > outline-color: -moz-use-text-color; outline-style: none; outline- > > width: medium; left: 25px; top: 8px;"> > > <img height="0" width="0" style="border: 0pt none ; > > vertical-align: top;" alt="" title="" src="./resource/static/image/ > > blank.gif"/> > > </div> > > </div> > > </div> > > <div style="position: absolute; outline-color: -moz-use-text- > > color; outline-style: none; outline-width: medium; width: 1242px; > > height: 16px; left: 0px; top: 545px;"> > > <div style="overflow-x: scroll; overflow-y: hidden; outline- > > color: -moz-use-text-color; outline-style: none; outline-width: > > medium; width: 1242px; height: 16px;"> > > <div style="outline-color: -moz-use-text-color; outline- > > style: none; outline-width: medium; width: 1242px; height: 5px;"/> > > </div> > > </div> > > <div style="position: absolute; outline-color: -moz-use-text- > > color; outline-style: none; outline-width: medium; width: 16px; > > height: 527px; left: 1242px; top: 18px;"> > > <div style="overflow-x: hidden; overflow-y: scroll; outline- > > color: -moz-use-text-color; outline-style: none; outline-width: > > medium; width: 16px; height: 527px;"> > > <div style="outline-color: -moz-use-text-color; outline- > > style: none; outline-width: medium; width: 5px; height: 216px;"/> > > </div> > > </div> > > <div id="client-area" style="overflow: hidden; position: absolute; > > outline-color: -moz-use-text-color; outline-style: none; outline- > > width: medium; width: 1242px; height: 527px; left: 0px; top: 18px;"> > > <div style="border-style: solid; border-color: rgb(232, 232, > > 232); border-width: 0px 0px 1px; position: absolute; cursor: default; > > color: rgb(0, 0, 0); background-color: rgb(242, 242, 242); -moz-user- > > select: none; font-family: Tahoma; font-size: 12px; width: 1242px; > > height: 18px; left: 0px; top: 0px;"> > > <div style="overflow: hidden; position: absolute; vertical- > > align: middle; white-space: nowrap; padding-left: 2px; top: 0px; left: > > -1px; width: 620px; height: 18px; text-align: left;">Bildsystem</div> > > <div style="border-left: 1px solid rgb(208, 208, 208); > > overflow: hidden; position: absolute; vertical-align: middle; white- > > space: nowrap; padding-left: 2px; top: 0px; left: 621px; width: 370px; > > height: 18px; text-align: left;">Bildsystem</div> > > <div style="border-left: 1px solid rgb(208, 208, 208); > > overflow: hidden; position: absolute; vertical-align: middle; white- > > space: nowrap; padding-left: 2px; top: 0px; left: 993px; width: 246px; > > height: 18px; text-align: left;">Bildserver</div> > > </div> > > <div style="border-style: solid; border-color: rgb(232, 232, > > 232); border-width: 0px 0px 1px; position: absolute; cursor: default; > > color: rgb(0, 0, 0); background-color: rgb(242, 242, 242); -moz-user- > > select: none; font-family: Tahoma; font-size: 12px; width: 1242px; > > height: 18px; left: 0px; top: 18px;"> > > <div style="overflow: hidden; position: absolute; vertical- > > align: middle; white-space: nowrap; padding-left: 2px; top: 0px; left: > > -1px; width: 620px; height: 18px; text-align: left;">Partner</div> > > <div style="border-left: 1px solid rgb(208, 208, 208); > > overflow: hidden; position: absolute; vertical-align: middle; white- > > space: nowrap; padding-left: 2px; top: 0px; left: 621px; width: 370px; > > height: 18px; text-align: left;">Partner</div> > > <div style="border-left: 1px solid rgb(208, 208, 208); > > overflow: hidden; position: absolute; vertical-align: middle; white- > > space: nowrap; padding-left: 2px; top: 0px; left: 993px; width: 246px; > > height: 18px; text-align: left;">Bestandssystem</div> > > </div> > > <div style="border-style: solid; border-color: rgb(232, 232, > > 232); border-width: 0px 0px 1px; position: absolute; cursor: default; > > color: rgb(0, 0, 0); background-color: rgb(242, 242, 242); -moz-user- > > select: none; font-family: Tahoma; font-size: 12px; width: 1242px; > > height: 18px; left: 0px; top: 36px;"> > > <div style="overflow: hidden; position: absolute; vertical- > > align: middle; white-space: nowrap; padding-left: 2px; top: 0px; left: > > -1px; width: 620px; height: 18px; text-align: left;">MS</div> > > <div style="border-left: 1px solid rgb(208, 208, 208); > > overflow: hidden; position: absolute; vertical-align: middle; white- > > space: nowrap; padding-left: 2px; top: 0px; left: 621px; width: 370px; > > height: 18px; text-align: left;">MS</div> > > <div style="border-left: 1px solid rgb(208, 208, 208); > > overflow: hidden; position: absolute; vertical-align: middle; white- > > space: nowrap; padding-left: 2px; top: 0px; left: 993px; width: 246px; > > height: 18px; text-align: left;">MS</div> > > </div> > > <div style="border-style: solid; border-color: rgb(232, 232, > > 232); border-width: 0px 0px 1px; position: absolute; cursor: default; > > color: rgb(0, 0, 0); background-color: rgb(242, 242, 242); -moz-user- > > select: none; font-family: Tahoma; font-size: 12px; width: 1242px; > > height: 18px; left: 0px; top: 198px;"/> > > <div style="border-style: solid; border-color: rgb(232, 232, > > 232); border-width: 0px 0px 1px; position: absolute; cursor: default; > > color: rgb(0, 0, 0); background-color: rgb(242, 242, 242); -moz-user- > > select: none; font-family: Tahoma; font-size: 12px; width: 1242px; > > height: 18px; left: 0px; top: 270px;"/> > > <div style="border-style: solid; border-color: rgb(232, 232, > > 232); border-width: 0px 0px 1px; position: absolute; cursor: default; > > color: rgb(0, 0, 0); background-color: rgb(242, 242, 242); -moz-user- > > select: none; font-family: Tahoma; font-size: 12px; width: 1242px; > > height: 18px; left: 0px; top: 288px;"/> > > </div> > > </div> > > > > On 28 Aug., 16:20, Jian Fang <[email protected]> wrote: > > > > > Hi Peter, > > > > > Maybe I did not understand your question clearly. Could you show me > some > > > html source > > > to help me to understand your question? > > > > > Thanks, > > > > > Jian > > > > > On Fri, Aug 28, 2009 at 10:14 AM, Peter <[email protected]> wrote: > > > > > > Hi Jian, > > > > ... > > > > Erfahren Sie mehr ยป > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "tellurium-users" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/tellurium-users?hl=en -~----------~----~----~----~------~----~------~--~---
