برای پیاده سازی checkbox روش های مختلفی وجود دارد. یک پیاده سازی آسان به صورت زیر می باشد:

import React from 'react';

import DataGrid,Selection from 'devextreme-react/data-grid';
import { data } from './data.js';

class App extends React.Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <div>
        <DataGrid
          dataSource={data}
          showBorders={true}
          keyExpr="orderId"
        >
          <Selection
            mode="multiple"            
          />
          <Column dataField="orderId" caption="Order ID"  />
          <Column dataField="city" caption="City"/>
          <Column dataField="country" caption="Country"/>
          <Column dataField="region" caption="Region"/>
          <Column dataField="date" dataType="date" caption="Date"/>
          <Column dataField="amount" format="currency" caption="Amount"/>
        </DataGrid>                  
        </div>
    );
  }
}

export default App;

در اینجا داده های جدول را ار یک فایل به نام data.js خوانده ایم.همه رکوردهای جدول باید مطابق زیر در فایل تعریف شده باشند:

export const data = [{
  'orderId': 10248,
  'region': 'North America',
  'country': 'United States',
  'city': 'New York',
  'amount': 1740,
  'date': '2013/01/06' 
}];