GWT Release:

Detailed description: It would be very nice to have a grid component with header and data area, and latter is vertically scrollable (by scrollbar) independently from the whole component. It occurs that it is not so easy to emulate such behavior with existing GWT components.

Workaround if you have one:

Links to the relevant GWT Developer Forum posts:

I like this

It is possible to do this currently using two tables, with one in a ScrollPanel. The hard parts are:

(a) getting the header's columns to resize to match the body's columns' widths. (b) getting the header to scroll horizontally with the body, but without scrollbars.

The latter of these can be addressed by syncing the ScrollPanel's scrollLeft with the header's margin-left (negated). The former will probably require a bit more research.

Given that this is, in fact, a bit tricky, I think it's probably a good idea to build it in gwt-user.

A non scrollable table with both header and footer, accepting and widgets and events, would be excellent.

ie: scrollable can be left for a later date.

Riyaz

Given that a table is essentially three distinct sections (two of which are optional) should the TableListener classes respond to three different types of events? ie. onHeadCellClicked onBodyCellClicked onFootCellClicked or simply dealt with in the generic onCellClicked with an Element rider that defines the section of the table?

I only ask as a point of discussion, as dealing with the sections as independent response paths or not will define how rows and cells are added (eg. addRow(Element section) or addHeadRow) etc.

Bumping to Pri-High b/c this work is already under way.

Want to do this, but need more time to get it right than is available before 1.4.

It also would be really good if you could sort the data by clicking on the column.

It would also help me a lot if there was a table/grid widget that has a column resizing feature.

Some kind of such grids exist in the GWT-EXT, see http://gwt-ext.googlecode.com/. May be they can be incorporated directly in GWT?

Regards, Oleksandr

Please take a look at the ScrollableTable in the GWT Incubator and let me know if you have any feedback: http://code.google.com/p/google-web-toolkit-incubator/wiki/ScrollTable

The incubator is the proving ground for new GWT components, so if we get good responses, we will try to incorporate it into a future build.

Comment deleted

Comment deleted

The ScrollableTable in the GWT Incubator is nice, but I realy prefer the solution of the GWT-EXT project. Is there any possibilty to have a strong toolkit out of these two projects?

For the last couple of days I worked with ScrollTable and other tables from GWT Incubator and generally I am happy with it. Though some things (like sorting for example) need to be improved and made more friendly (for example it would be good to have possibility to set custom column comparators and ideally support some set of standard comparators for common types).

the demo in the incubator does not work in any browser that honors the text/plain content type that the index.html page is being served as. (Such browsers show the html source rather than interpreting it.)

I would be great to have resizable column and multi column sorting table.

Feel free to look at the ScrollTable in the incubator. We are continously improving it based on user feedback. Many issues have been addressed (though the demo hasn't been updated recently), and some new features have been added, such as multi column sorting.

http://code.google.com/p/google-web-toolkit-incubator/wiki/ScrollTable

I'll update the demo very soon as the current demo doesn't do it justice.

ScrollTable is a really good widget and it covers almost everything I'm looking for!! It would also be great to have a column picker just above the vertical scroll bar, one very similar to Thunderbird.

What do you think about a RPC feature for the ScrollableTable.

Think of a table with one million rows. wouldn't it be nice to fech data from the server when needed and display it to the user ?

Do you think it could be implemented ?

Check out the PagingScrollTable. Its designed to divide the rows into pages, and you can implement a TableModel that will grab data from a server on demand.

The other option that I've seen is a table with a fake scroll bar. When the user scrolls down to the 300,000th row, the client fetches the data from the server and shows the visible rows. We don't have any plans to add this particular feature, but it may be an possibility in the future.

We are currently searching for a grid, which has a scrollable area, a left area (only vertical scrolling) und a top area (only horizontal scrolling). i attached a "screenshot" of what we are searching for...

Will this scrollable grid support sorting and grouping of data?

That PagingScrollTale in incubator supports sorting.

What do you mean by grouping? You can customize the rendering of rows based on the associated row value, so you could group things using styles. However, there is no formal support for groups of rows.

The PagingScrollTable in the incubator does support sorting; I have used it in an application.

In my case, since I'm using both sorting (by column) and paging, I wanted to do the sorting on the server side.
You could sort on the client-side if you wanted, but I didn't want to send more data to the browser than was necessary.

To use the PagingScrollTable, you'll need to extend the TableModel class, which has a method called requestRows() that you override:

    public void requestRows(final Request request, final Callback<T> callback) {
    }

In the body of this method, you can interrogate the 'request' object to find out how many items you need to fetch, and which column you're sorting by. You can then take that information and call some RPC that gets exactly those rows, sorted in the appropriate manner.

Then, in the onSuccessSub() of that RPC, you tell the callback object that the rows are ready.

I highly recommend wrapping your mind around PagingScrollTable. It works well.

See http://advanced-gwt.sourceforge.net

http://www.seozap.com http://www.mindalbum.com

I tested the PagingScrollTable from the incubator and I like it (of course it needs some work). Will it be available in the next GWT release? And I noticed that the subversion repo contains a folder (svn/changes/jlabanca/scrolltable) in which the table is being merged with GWT. I was wandering if it is a more advanced/refined version than the one in the incubator.

Will CellTable, the new way of doing grids since GWT 2.1, support sorting?

It doesn't have built in sorting capability, but its designed to handle it.

You can push data into CellTable from a data provider/model, so you can easily push sorted data. CellTable Headers can handle events, so you can create a SortableHeader that responds to click events and tells your data provider to provide sorted information to the table.

In a future version, we'll look into creating a more full featured CellTable that supports sorting, but it will be a while (months) before we start working on it.

As far as I know the CellTable does not support scrolling with fixed headers or columns at all.

See http://stackoverflow.com/questions/4073624/a-gwt-celltable-with-frozen-header-and-initial-column with example http://larkolicio.us/ScrollTable/ExperimentTables.html

http://gwt-code-reviews.appspot.com/1450805

I see that scrolling and fixed headers are now implemented ... but what about resizable columns ? We use that feature in the incubator and we can not migrate until the CellTable also supports this.

Can you create a separate issue for resizeable columns? This issue originally started as a scrollable table, and I don't want to have one issue become a list of multiple table features.

FYI - I intentionally excluded user column resizing from CellTable for now. PagingScrollTable in incubator uses active column resizing when the window size changes, which is too slow. There may be ways to implement column resizing in CellTable without active layout, but it will take some experimenting to make sure it can be done efficiently without active layout.

Ok, I created a different issue for resizing of the header here: http://code.google.com/p/google-web-toolkit/issues/detail?id=6401

4.5 years later...

Nice. I just wanted to say thanks to everyone that contributed to this enhancement.

Moving Fixed -> FixedNotReleased since 2.4 hasn't shipped yet.

What exactly was the Fix made in 2.4?

I would be looking for a grid which supports both vertical and horizontal scrolling. Does the 2.4 release fix provide is and if so which widget(s)?

Thanks

The new DataGrid widget supports vertical scrolling with a fixed header (above) and footer (below). It also supports horizontal scrolling if the content is wider than the viewport, but it does not support a fixed column on the right or left side.

You can create a new issue for fixed columns if you want, but I don't want this issue to become a dump of all table related issues.

Released in 2.4

Where Can I see a working example ? In the Api there is an example for CellTable Under http://google-web-toolkit.googlecode.com/svn/javadoc/latest/com/google/gwt/user/cellview/client/DataGrid.html .

The Showcase, DynatableRf and MobileWebApp samples make use of DataGrid.

The new Showcase sample with DataGrid hasn't been pushed yet, but you can see an example here: http://showcase2.jlabanca-testing.appspot.com/#!CwDataGrid

Great. Thanks