I checked the CellTable style sheet, it looks fine. But the standard
GWT stylesheet (the "standard.css" resource that gets loaded in my
app) contains a dependant style selector "table td".
Could this be my problem? Can the standard style sheet somehow be
modified?
Best,
~Owen
On 3 nov, 18:08, Owen Powell <opow...@gmail.com> wrote:
> Thanks John, the problem definitely seems to be descendant style
> selectors (since I see recurring Javascript calls in Speed Tracer).
>
> But I'm not sure why this is, since I don't have any styles defined in
> my app. Could it be that the default CellTable style file is creating
> this problem?
>
> ~Owen
>
> On 3 nov, 16:25, John LaBanca <jlaba...@google.com> wrote:
>
>
>
>
>
>
>
> > Have you tried looking at it with SpeedTracer? We tested with large tables
> > (100 rows), and the hover code is pretty straight forward.
>
> > In past applications, we've seen performance problems when hovering due
> > to descendant style selectors because of the way they are implemented in
> > browser.
>
> > For example, you have this CSS style defined:
> > .myRandomWidget td {
> > padding: 3px;
>
> > }
>
> > And you have a CellTable that is NOT myRandomWidget, then changing the hover
> > style of the row will cause some browsers to walk up from every TD in the
> > CellTable trying to match the style definition. In the degenerate case,
> > where CellTable is not myRandomWidget, this means walking up to the body
> > element. This is a native browser implementation, and the only solution is
> > to avoid descendant style selectors.
>
> > If this isn't the case, SpeedTracer should be able to help you narrow down
> > the performance problem.
>
> > Thanks,
> > John LaBanca
> > jlaba...@google.com
>
> > On Wed, Nov 3, 2010 at 10:22 AM, Owen Powell <opow...@gmail.com> wrote:
> > > I've only tested it on the latest stable build of Chrome.
>
> > > On 3 nov, 14:28, Lukas Herman <herni...@gmail.com> wrote:
> > > > My CellTable is slow under Firefox 3.6 only.
>
> > > > On 3 lis, 14:07, Owen Powell <opow...@gmail.com> wrote:
>
> > > > > Hi everyone,
>
> > > > > When I make a simple CellTable, the responsiveness of the table in the
> > > > > browser to mouse events (mouseOver, mouseOut) is nowhere nearly as
> > > > > fast as the table in the Showcase (http://gwt.google.com/samples/
> > > > > Showcase/Showcase.html#!CwCellTable). Any ideas why this might be?
>
> > > > > My code is below. Best,
>
> > > > > ~Owen
>
> > > > > // Data object class.
>
> > > > > package tabletest.client;
>
> > > > > import java.util.ArrayList;
>
> > > > > public class InterestingThing {
>
> > > > > public ArrayList<String> values = new ArrayList<String>();
>
> > > > > public InterestingThing(int n) {
> > > > > for (int i=0; i<n; i++) {
> > > > > values.add("Value " + i);
> > > > > }
> > > > > }
>
> > > > > }
>
> > > > > // Custom CellTable class.
>
> > > > > package tabletest.client;
>
> > > > > import java.util.ArrayList;
>
> > > > > import com.google.gwt.user.cellview.client.CellTable;
> > > > > import com.google.gwt.user.cellview.client.TextColumn;
>
> > > > > public class MyCellTable extends CellTable<InterestingThing> {
>
> > > > > public MyCellTable() {
> > > > > super();
>
> > > > > int NUM_COLUMNS = 4;
> > > > > int NUM_ROWS = 25;
>
> > > > > // Create table.
> > > > > for (int i=0; i<NUM_COLUMNS; i++) {
> > > > > addTextColumn(i);
> > > > > }
>
> > > > > // Create data.
> > > > > ArrayList<InterestingThing> data = new
> > > > > ArrayList<InterestingThing>();
> > > > > for (int i=0; i<NUM_ROWS; i++) {
> > > > > data.add(new InterestingThing(NUM_COLUMNS));
> > > > > }
>
> > > > > // Put data into table.
> > > > > setRowData(0, data);
> > > > > }
>
> > > > > private void addTextColumn(final int i) {
> > > > > TextColumn<InterestingThing> newColumn = new
> > > > > TextColumn<InterestingThing>() {
>
> > > > > public String getValue(InterestingThing m) {
> > > > > return m.values.get(i);
> > > > > }
> > > > > };
> > > > > addColumn(newColumn, "Field " + i);
> > > > > }
>
> > > > > }
>
> > > > > // Entrypoint.
>
> > > > > package tabletest.client;
>
> > > > > import com.google.gwt.core.client.EntryPoint;
> > > > > import com.google.gwt.user.client.ui.RootPanel;
>
> > > > > public class TableTest implements EntryPoint {
>
> > > > > public void onModuleLoad() {
>
> > > > > MyCellTable table = new MyCellTable();
> > > > > RootPanel.get().add(table);
> > > > > }
>
> > > > > }
>
> > > --
> > > You received this message because you are subscribed to the Google Groups
> > > "Google Web Toolkit" group.
> > > To post to this group, send email to google-web-tool...@googlegroups.com.
> > > To unsubscribe from this group, send email to
> > > google-web-toolkit+unsubscr...@googlegroups.com<google-web-toolkit%2Bunsubs
> > > cr...@googlegroups.com>
> > > .
> > > For more options, visit this group at
> > >http://groups.google.com/group/google-web-toolkit?hl=en.
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To post to this group, send email to google-web-tool...@googlegroups.com.
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
