Horizontal scrollbar on Table

2,149 views
Skip to first unread message

NA

unread,
Jan 10, 2012, 1:44:08 PM1/10/12
to Google Visualization API
Hi,

I have some Tables that have horizontal scrollbars which I'd like to
suppress. I don't think there's an option in the Table visualization
for doing this, and I couldn't find a way to permanently suppress this
using CSS, since when the underlying DataTable is updated, the Table's
horizontal scrollbar reappears after the redraw.

I could probably attach an action that hides the horizontal scrollbar
after each redraw, but this seems a little klunky and would get rerun
after each redraw (making the redraw process a little heavier). Is
there a better "do once" approach that would address this that would
only need to be triggered one time?

thanks,

Jinji

unread,
Jan 11, 2012, 9:24:13 AM1/11/12
to google-visua...@googlegroups.com
What do you mean by "the Table's horizontal scrollbar reappears after the redraw"? I assume you used the cssClassNames option, right?


--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To post to this group, send email to google-visua...@googlegroups.com.
To unsubscribe from this group, send email to google-visualizati...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.


NA

unread,
Jan 11, 2012, 12:21:15 PM1/11/12
to Google Visualization API
No, I didn't! That seems like the right thing to do.

But which element do I need to style to prevent the horizontal
scrollbar from appearing? I've been styling the table's container
using jQuery('.google-visualization-table-
table').parent().css('overflow-x','hidden'); but I don't think that I
can style that with cssClassNames. Is there another element I should
be styling?

thanks,

ChartMan

unread,
Jan 12, 2012, 7:41:35 AM1/12/12
to google-visua...@googlegroups.com
Can you please send an example page.

Thanks
ChartMan


thanks,

rishu oberoi

unread,
Aug 28, 2015, 4:49:32 PM8/28/15
to Google Visualization API, char...@google.com
I tried the break-all option on tableCell but it only works for chrome. Any idea how to make that work for firefox?


On Thursday, 12 January 2012 06:41:35 UTC-6, ChartMan wrote:
Can you please send an example page.

Thanks
ChartMan

On Wed, Jan 11, 2012 at 7:21 PM, NA <nabee...@gmail.com> wrote:
No, I didn't!  That seems like the right thing to do.

But which element do I need to style to prevent the horizontal
scrollbar from appearing?  I've been styling the table's container
using jQuery('.google-visualization-table-
table').parent().css('overflow-x','hidden'); but I don't think that I
can style that with cssClassNames.  Is there another element I should
be styling?

thanks,

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To post to this group, send email to google-visua...@googlegroups.com.
To unsubscribe from this group, send email to google-visualization-api+unsub...@googlegroups.com.
Reply all
Reply to author
Forward
0 new messages