Change location of paging component

Is there a way to change the location of the paging component? For example, in some scenarios I’d like to have it render above the grid rather than below.

In looking through the docs on both customRowComponent and customPagerComponent I don’t see any way to change the location of where the pager is rendered.

[ryanlanciaux]

Version 1.0 supports changing the Grid layout.

See customization guide and the api section for general information – but the gist of this is as follows:

// Griddle is wiring up these props into the Layout component
const CustomLayout = ({Table, Pagination, Filter, className, style}) => (
  <div className={className} style={style}>
    <Filter />
    <Pagination />
    <Table />
  </div>
)

<Griddle
  data={data}
  plugins={[LocalPlugin]}
  components={{
    Layout: CustomLayout
  }}
/>

This is saying you want to create a custom Layout for use in Griddle. Griddle automatically passes Table, SettingsWrapper, Filter, and Pagination as props to this component. You define that you want to change the order of these components (and we’ve dropped settings wrapper as well here).

If you wanted to use this layout in many different tables, you could wrap this change up as a plugin

[ThePainnn]

Nice nice nice! Great job on the 1.0. Working to port from 0.6 to 1.0 as soon as possible 😃