First off, this is quite stupid. Re-sizing stuff in HTML is a "Bad Plan"(tm). For one thing, HTML renderers are not required to display things uniformly. This isn't a windowing system. In fact, if you think of HTML as a hint, not a demand, you'll be a lot closer to reality. (Some are demands, but most are hints.)

That said, this is actually quite easy, once you get the UI designed. 

    [ ] [ ] [ ] ...
[ ]                 chk
[ ]                 chk
[ ]                 chk
 .                   .
 .                   .
 .                   .
    chk chk chk ...
[Add Row]
[Update]
[Submit]

[download]

The [ ] are textboxes to control size. The chk boxes are to indicate deletion of the column/row. Add Row (and possibly Add Col) are self-explanatory. The big confusion point is the Update vs. Submit buttons. Update refreshes the screen with any new chnges. Submit actually sends the table in.

Make sure that you hammer into your client's head that HTML will NOT provide the same kind of interface that Windows (or X or whatever) provides for them. This is especially true in terms of exact layout. Try this sometime - create a textbox that's 80 characters wide, then view it in IE 5, IE 5.5, NS 4.72, NS 6, and NS 7. See how many characters actually fit in the view you're given. If you're masochistic, do the above test in 800x600, 1024x768, and 1280x1024 resolution. Maybe vary your color depth and your graphics card as well. Maybe, you could even vary your system font to add another dimension. You'll see what I'm talking about.

The actual implementation is, as always, left as an exercise for the reader.

------
We are the carpenters and bricklayers of the Information Age.

The idea is a little like C++ templates, except not quite so brain-meltingly complicated. -- TheDamian, Exegesis 6

Please remember that I'm crufty and crochety. All opinions are purely mine and all code is untested, unless otherwise specified.

In reply to Re: Dynamic HTML Tables on the Client Side (OT) by dragonchild
in thread Dynamic HTML Tables on the Client Side (OT) by derby

Title:
Use:  <p> text here (a paragraph) </p>
and:  <code> code here </code>
to format your post, it's "PerlMonks-approved HTML":


  • Posts are HTML formatted. Put <p> </p> tags around your paragraphs. Put <code> </code> tags around your code and data!
  • Titles consisting of a single word are discouraged, and in most cases are disallowed outright.
  • Read Where should I post X? if you're not absolutely sure you're posting in the right place.
  • Please read these before you post! —
  • Posts may use any of the Perl Monks Approved HTML tags:
    a, abbr, b, big, blockquote, br, caption, center, col, colgroup, dd, del, details, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, ins, li, ol, p, pre, readmore, small, span, spoiler, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, wbr
  • You may need to use entities for some characters, as follows. (Exception: Within code tags, you can put the characters literally.)
            For:     Use:
    & &amp;
    < &lt;
    > &gt;
    [ &#91;
    ] &#93;
  • Link using PerlMonks shortcuts! What shortcuts can I use for linking?
  • See Writeup Formatting Tips and other pages linked from there for more info.