This issue can be fixed by removing overflow attribute from the div
elements that are siblings of the table element within a DataGrid widget.
Example code is below
$("table", dataGrid).each(next -> {
Element tableElem = next.getObject(1); /* the 2nd param is the
value. jQuery func signature: function( index, value ). */
$(tableElem.getParentElement()).children().each(e -> {
Element sibling = e.getObject(1);
sibling.getStyle().clearOverflow();
});
});
The above code uses my own jQuery integration. But the idea is the same.
On Sunday, 11 August 2013 07:02:47 UTC+10, harshyadav wrote:
>
> Found in GWT 2.5
> *Encountered on OS / Browser:*
>
> Mac OSX 10.8.4, Chrome, Safari. This is not an issue on Firefox.
> *Detailed description:*
>
> While using the DataGrid, an extra scroll bar is visible.
> Please find attached a screenshot form the GWT showcase.
>
> In my application, I am using DataGrid
> (http://gwt.googleusercontent.com/samples/Showcase/Showcase.html#!CwDataGrid)
> combined with LazyScrolling example provided in the showcase
> (http://gwt.googleusercontent.com/samples/Showcase/Showcase.html#!CwCellList).
>
>
> I am using DataGrid in ui binder as:
>
> <h:LazyDataGrid ui:field="itsCellTable" pageSize="30" height="520px"
> width="100%" />
>
> LazyDataGrid extends DataGrid to expose grid's scroll panel as:
>
> public ScrollPanel getScrollPanel() {
> HeaderPanel header = (HeaderPanel) getWidget();
> return (ScrollPanel) header.getContentWidget();
> }
>
> This results in appearance of an extra (non-functional) scroll bar when the
> page loads (See attached screenshot).
>
> Thanks in advance.
>
>
--
You received this message because you are subscribed to the Google Groups "GWT
Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/d/optout.
