@admui/grid v0.4.21

import { ThemeProvider } from '@admui/theme'
import { Panel } from '@admui/panel'
import { Text } from '@admui/text'
import { Grid, Column as GridColumn } from '@admui/grid'

const data = [
  {
    id: 1,
    name: 'first',
  },
  {
    id: 2,
    name: 'second',
  },
  {
    id: 3,
    name: 'third',
  },
  {
    id: 4,
    name: 'чтр',
  },
]

;<ThemeProvider>
  <div style={{ width: '100%', height: 450, padding: 40, boxSizing: 'border-box' }}>
    <Panel>
      <Grid
        data={data}
        loading
        loadMore={<div>sdfsdf</div>}
        order={{
          by: 'name',
          direction: 'asc',
        }}
        onOrder={console.log}
      >
        <GridColumn
          title='#'
          basis='300px'
          orderBy='id'
          renderer={({ id }) => (
            <Text>
              {id}
            </Text>
          )}
        />
        <GridColumn
          title='Пользователь'
          basis='200px'
          orderBy='name'
          renderer={({ name }) => (
            <Text>
              {name}
            </Text>
          )}
        />
      </Grid>
    </Panel>
  </div>
</ThemeProvider>