javascript - Large contents within container size -


this first post, please bear me. went through many posts , couldn't find solution. (i came across similar problem in this post , can't related exact situation).

issue: have display large data table (with more 30 columns) on screen. challenge - client doesn't horizontal scroll bar of mean.

i thinking of splitting table pieces , using simple sliders jquery: "serialscroll" or "contentslider". however, here challenge: 508 compliance, table needs single table instead of splitting multiple table in different slides.

i visioning need "view finder" div on top of "large table" control shift table size of div left , right, http://img202.imageshack.us/i/tableviewfinderidea.jpg/.

my question is:

  • is there js or jquery solution out there doing this? (i searched 2 weeks without luck.)

  • is there other recommendation?

thanks lot.

using container div styled 'overflow:hidden' allows masking shown in graphic. it's easy move masked content setting 'position:absolute' , tweaking 'left' value.

i put short example of online @ http://jsfiddle.net/bdzpj/

only thing is, have know height of content being scrolled, have set height mask too. read height table on document.ready though, , apply container initially.

anyway, 'pointy' says in comment above, using standard scrollbar surely best way - client has move, too.


Comments

Popular posts from this blog

linux - Mailx and Gmail nss config dir -

c# - Is it possible to remove an existing registration from Autofac container builder? -

php - Mysql PK and FK char(36) vs int(10) -