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
Post a Comment