title: Doing validation on certain columns in React-Data-Grid
body: <p>I want to implement validation on react-data-grid table, in which only cells which i defined in the column itself will be validated, and validation only occurs if the state is set to true.</p>
  
  <p>So i have the following codes here</p>
  
  <pre><code>const [ validateMode, setValidateMode ] = useState(false);
  const errorBackground = { backgroundColor: 'some error color in here' }
  
  
  const DescriptionFormatter = props =&gt; {
      const { value, row } = props;
      let template;
  
      if (!validateMode){
          template = value;
      }
  
      if (validateMode){
          let validationStyling = Boolean(value.length) ? {} : errorBackground;
          template = &lt;div style={{ ...validationStyling }}&gt;value&lt;/div&gt;
      }
  
      return template;
  }
  
  const tableCols = [
      {
          key: 'id',
          name: 'No'
      },
      {
          key: 'name',
          name: 'Name',
          editable: !disabled,
          editor: &lt;AutoComplete options={nameList} /&gt;
      },
      {
          key: 'description',
          name: 'Description',
          editable: !disabled,
          formatter: DescriptionFormatter
      }
  ];
  </code></pre>
  
  <p>When button is pressed, it will trigger the validateMode state to true, and when that happen, i want the description column to validate the cell and return error background cell if value is empty, otherwise default background if there's value in it (simple checking if value is empty or not). </p>
  
  <p>I can't seem to get the validateMode console log working when i press the button. Its only showing on page init, or when the cell changes (like when inserting value to it).I cannot get the validation working in here, unless if i do it wrongly. </p>
  
  <p>Please help me on this. </p>