How to use the react-data-grid/addons.Formatters function in react-data-grid
To help you get started, we’ve selected a few react-data-grid examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
DefinitelyTyped / DefinitelyTyped / types / react-data-grid / v1 / react-data-grid-tests.tsx View on Github 
];
var titles = ['Dr.', 'Mr.', 'Mrs.', 'Miss', 'Ms.'];
var columns:ReactDataGrid.Column[] = [
{
key: 'id',
name: 'ID',
width: 80,
resizable: true
},
{
key: 'avartar',
name: 'Avartar',
width: 60,
formatter: ReactDataGridPlugins.Formatters.ImageFormatter,
resizable: true,
headerRenderer:
},
{
key: 'county',
name: 'County',
editor: ,
width: 200,
resizable: true
},
{
key: 'title',
name: 'Title',
editor: ,
width: 200,
resizable: true,];
var titles = ['Dr.', 'Mr.', 'Mrs.', 'Miss', 'Ms.'];
var columns:ReactDataGrid.Column[] = [
{
key: 'id',
name: 'ID',
width: 80,
resizable: true
},
{
key: 'avartar',
name: 'Avartar',
width: 60,
formatter: ReactDataGridPlugins.Formatters.ImageFormatter,
resizable: true,
headerRenderer:
},
{
key: 'county',
name: 'County',
editor: ,
width: 200,
resizable: true
},
{
key: 'title',
name: 'Title',
editor: ,
width: 200,
resizable: true,react-data-grid
Feature-rich and customizable data grid React component
