Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You will notice the CellTable uses a ResourceBundle, which means all the css styles get obfuscated ... this makes it more difficult to override styles.</p> <p>The CellTable constructor will actually allow you to override the default ResourceBundle. So first, you need to create your own resource bundle like this:</p> <pre><code>public interface CellTableResources extends Resources { public CellTableResources INSTANCE = GWT.create(CellTableResources.class); /** * The styles used in this widget. */ @Source("CellTable.css") CellTable.Style cellTableStyle(); } </code></pre> <p>Then you need to create your own CSS file. I recommend copying the CellTable style directly into your project and use that as a starting point. You can find it here: <a href="http://code.google.com/p/google-web-toolkit/source/browse/trunk/user/src/com/google/gwt/user/cellview/client/CellTable.css">http://code.google.com/p/google-web-toolkit/source/browse/trunk/user/src/com/google/gwt/user/cellview/client/CellTable.css</a></p> <p>Make sure the style is injected first, and then you just feed it into the CellTable's constructor like this:</p> <pre><code> CellTableResources.INSTANCE.cellTableStyle().ensureInjected(); myCellTable = new CellTable&lt;T&gt;(Integer.MAX_VALUE,CellTableResources.INSTANCE); </code></pre> <p>Specifically, you'll want to tweak these styles:</p> <ul> <li>cellTableKeyboardSelectedRow</li> <li>cellTableKeyboardSelectedRowCell</li> <li>cellTableSelectedRow</li> <li>cellTableSelectedRowCell</li> <li>cellTableKeyboardSelectedCell</li> </ul> <p>It is important to note that the cell table differentiates between the 'selected row' and the 'keyboard selected row'. The selected row is the actual row selected (ie via SelectionModel). The keyboard selected row refers to what is highlighted when the user is pressing the up / down key, but does not mean the row is actually selected (if that makes sense).</p>
    singulars
    1. This table or related slice is empty.
    1. POHow do you change the mouse over highlighting?
      singulars
      1. PTQuestion
    1. PTAnswer
    1. This table or related slice is empty.
    1. USBrad Rydzewski
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POHow do you change the mouse over highlighting?
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COOne clarification, i'd recommend copying the CellTableBasic.css style and using it as your baseline: http://code.google.com/p/google-web-toolkit/source/browse/trunk/user/src/com/google/gwt/user/cellview/client/CellTableBasic.css ... the standard CellTable.css stylesheet includes image resources, the CellTableBasic.css is pure css and probably easier to modify
      singulars
      1. PO
      1. USBrad Rydzewski
    2. CO+1 for your last paragraph where you explain the difference between 'selected row' and the 'keyboard selected row'. that's the first time I've seen it explained
      singulars
      1. PO
      1. USJustin
    3. COHow does this help to remove the actual highlighting? I tried overriding all the mentioned styles (including the not mentioned `cellTableHoveredRow` and `cellTableHoveredRowCell`), but I can't get the highlighting to completely disappear. I can change it a bit so it looks different, but I can't remove it. Perhaps someone could share the actual CSS to remove the highlighting on mouse over rows? Thanks.
      singulars
      1. PO
      1. USjoscarsson
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload