public class PeopleGrid extends extends LayoutContainer  {

    @Override
    protected void onRender(Element parent, int index) {
        super.onRender(parent, index);
        final MyServiceAsync service = MyService.App.getInstance();
        RpcProxy<PagingLoadResult<Entity>> proxy = new RpcProxy<PagingLoadResult<Entity>>() {
            @Override
            public void load(Object loadConfig, AsyncCallback<PagingLoadResult<Entity>> callback) {
                service.getPeople((PagingLoadConfig) loadConfig, callback);
            }
        };
        loader = new BasePagingLoader<PagingLoadResult<ModelData>>(proxy);
        loader.setRemoteSort(true);
        ListStore<Entity> people = new ListStore<Entity>(loader);
        final PagingToolBar toolBar = new PagingToolBar(10);
        toolBar.bind(loader);

        List<ColumnConfig> configs = getColumnConfigs();
        ColumnModel cm = new ColumnModel(configs);
        final Grid<Entity> grid = new Grid<Entity>(people, cm);

        grid.setStateful(true);
        grid.addListener(Events.Attach, new Listener<GridEvent<Entity>>() {
            public void handleEvent(GridEvent<Entity> be) {
                PagingLoadConfig config = new BasePagingLoadConfig();
                config.setOffset(0);
                config.setLimit(10);

                Map<String, Object> state = grid.getState();
                if (state.containsKey("offset")) {
                    int offset = (Integer) state.get("offset");
                    int limit = (Integer) state.get("limit");
                    config.setOffset(offset);
                    config.setLimit(limit);
                }
                loader.load(config);
            }
        });
        grid.setLoadMask(true);
        grid.setBorders(true);
        grid.setAutoExpandColumn("name");
        grid.setStyleAttribute("borderTop", "none");
        grid.setStripeRows(true);
        ContentPanel cp = createPanel();
        cp.add(grid);
        cp.setBottomComponent(toolBar);
        add(cp);
    }


    private List<ColumnConfig> getColumnConfigs() {
        List<ColumnConfig> configs = new ArrayList<ColumnConfig>();
        configs.add(new ColumnConfig("name", "Имя", 300));
        ColumnConfig lastNameColumn = new ColumnConfig("lastName", "Фамилия", 200);
        configs.add(lastNameColumn);
        return configs;
    }


    private ContentPanel createPanel() {
        ContentPanel panel = new ContentPanel();
        panel.setBodyBorder(false);
        panel.setHeading("Люди");
        panel.setButtonAlign(Style.HorizontalAlignment.CENTER);
        panel.setLayout(new FitLayout());
        panel.setSize(500, 250);
        return cp;
    }

 private Window createAccordionWindow() {
        final Window w = new Window();
        w.setWidth(845);
        w.setHeight(650);
        w.setLayout(new AccordionLayout());
        ContentPanel cp = new ContentPanel();
        cp.setAnimCollapse(false);
        cp.setScrollMode(Scroll.AUTO);
        cp.add(new PeopleGrid());
        w.add(cp);
        return w;
    }