bikeshed/src/com/google/gwt/sample/expenses/gwt/ui/employee/EmployeeListView.ui.xml

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
  xmlns:g='urn:import:com.google.gwt.user.client.ui'
  xmlns:c='urn:import:com.google.gwt.user.cellview.client'>
  
  <ui:image field="createButton" />
  <ui:style>
    .controls {
      position: absolute;
      left:0;
      right:0;
      top: 3px;
      height: 2em;
      margin-left: 15px;
    }
    @sprite .createButton {
      gwt-image: 'createButton';
      border: 0;
      margin-top: 5px;
      width: 12em;
      font-size: 1em;
      cursor: pointer;
      text-align: left;
      padding-left: 22px;
    }
    .controls table {
       position:absolute;
       right:0;
       top:0;
     }
    .controls button {
       display:inline;       
     }
     .listView {
       position: relative;
     }
     .listView > table {
       table-layout:fixed;
     }
     .listView > table td {
       text-overflow: ellipsis;
       overflow: hidden;
       white-space: nowrap;
       cursor: pointer;
     }
  </ui:style>

  <g:HTMLPanel styleName="{style.listView}">
    <div style='height:3em;'></div>
    <c:CellTable width='100%' ui:field='table' pageSize='8'/>
    <div class='{style.controls}'>      
      <g:Button styleName='{style.createButton}' ui:field='newButton'>Create Employee</g:Button>
      <c:SimplePager display='{table}' location='RIGHT'/>
    </div>
  </g:HTMLPanel>
</ui:UiBinder>