Re: Appearance of extra scroll bar in GWT Datagrid

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 google-web-toolkit+unsubscribe@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at https://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/d/optout.