On Sun, Jun 14, 2009 at 5:05 PM, Wade Preston Shearer <
[email protected]> wrote:

> On 12 Jun 2009, at 17:00, Scott Hill wrote:
>
>  I need to construct an HTML table (for use with tabular data only of
>> course)
>> that will have a variable number of columns.  I want to adjust the width
>> of
>> the table depending on the width of the browser screen.  In other words, I
>> don't want the user to have to scroll horizontally to see the right end of
>> the table.  Instead I want to have a small drop down button in the top
>> right
>> corner that the user can click and see and/or select the remaining
>> columns.
>> I have seen this done before but I can't remember where or how.
>>
>
> I would recommend using jQuery. Detecting the browser width and showing as
> many columns will fit is quite easy. You can write it all from scratch or
> start with some of the great data table plug-ins out there, such as these:
>
> http://www.datatables.net/examples/example_hidden_columns.html
> http://www.flexigrid.info/
>
>
> This plug-in provides the ability to hide the columns (still there and
> searchable). You would simply have to write the part that detects the width,
> hides those that don't fit, and create a drop-menu for replacing visible
> ones with hidden ones.
>
>
>
> _______________________________________________
>
> UPHPU mailing list
> [email protected]
> http://uphpu.org/mailman/listinfo/uphpu
> IRC: #uphpu on irc.freenode.net
>


Wade,

This is exactly what I was looking for.  I have heard a lot of people on the
list talk about jQuery but I have never used it.

Thank you.

-- 
Scott Hill

_______________________________________________

UPHPU mailing list
[email protected]
http://uphpu.org/mailman/listinfo/uphpu
IRC: #uphpu on irc.freenode.net

Reply via email to