Wijmo FlexGrid サンプル

インストール

npm install @grapecity/wijmo @grapecity/wijmo.react.grid
npm install @grapecity/wijmo.styles

Markdown

mdx

import React from 'react';
import '@grapecity/wijmo.styles/wijmo.css';
import * as wjGrid from '@grapecity/wijmo.react.grid';

# Wijmo FlexGrid サンプル

以下は Wijmo の FlexGrid を表示したサンプルです。

<wjGrid.FlexGrid
  itemsSource={[
    { name: '山田', country: '日本', sales: 5000 },
    { name: 'John', country: 'USA', sales: 7000 },
    { name: 'Claire', country: 'UK', sales: 6500 }
  ]}
  autoGenerateColumns={false}
>
  <wjGrid.FlexGridColumn binding="name" header="名前" width="*" />
  <wjGrid.FlexGridColumn binding="country" header="国" width="*" />
  <wjGrid.FlexGridColumn binding="sales" header="売上" format="n0" width="*" />
</wjGrid.FlexGrid>

表示

Wijmo FlexGrid サンプル

以下は Wijmo の FlexGrid を表示したサンプルです。