title: How can I make editable table columns a required field?
body: <p>I added textareas in React Js EditableTable as in the images below. When the Save button is pressed, I want to give a warning as a mandatory field in case these textareas are entered empty. How can I do that? As I shared in the codes below,</p>
  <pre><code>validation={[
               {
                 required: true,
                 message: &quot;required&quot;,
               },
             ]}
  </code></pre>
  <p>I added parts of it, but it had no effect. How do I edit?</p>
  <p><a href="https://i.stack.imgur.com/Da2Uz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Da2Uz.png" alt="enter image description here" /></a></p>
  <p><strong>Code base:</strong></p>
  <pre><code>   const columns = [
      {
        title: &quot;Order Type&quot;,
        dataIndex: &quot;orderType&quot;,
        type: &quot;string&quot;,
      },
      {
        title: &quot;Before 1330&quot;,
        dataIndex: &quot;before1330&quot;,
        type: &quot;string&quot;,
        editable: true,
      },
      {
        title: &quot;After 1330&quot;,
        dataIndex: &quot;after1330&quot;,
        type: &quot;string&quot;,
        editable: true,
      },
    ];
    
    
    const getInput = (dataIndex, record, props) =&gt; {
      if (record.key == 0 &amp;&amp; dataIndex == &quot;before1330&quot;) {
        return (
          &lt;TextInput
            maxLength={200}
            {...props}
            validation={[
              {
                required: true,
                message: &quot;required&quot;,
              },
            ]}
          /&gt;
        );
      } else if (record.key == 0 &amp;&amp; dataIndex == &quot;after1330&quot;) {
        return (
          &lt;TextInput
            maxLength={200}
            {...props}
            validation={[
              {
                required: true,
                message: required,
              },
            ]}
          /&gt;
        );
      } else if (record.key == 1 &amp;&amp; dataIndex == &quot;before1330&quot;) {
        return (
          &lt;TextInput
            maxLength={200}
            {...props}
            validation={[
              {
                required: true,
                message: required,
              },
            ]}
          /&gt;
        );
      } else if (record.key == 1 &amp;&amp; dataIndex == &quot;after1330&quot;) {
        return (
          &lt;TextInput
            maxLength={200}
            {...props}
            validation={[
              {
                required: true,
                message: required,
              },
            ]}
          /&gt;
        );
      } else if (record.key == 2 &amp;&amp; dataIndex == &quot;before1330&quot;) {
        return (
          &lt;TextInput
            maxLength={200}
            {...props}
            validation={[
              {
                required: true,
                message: required,
              },
            ]}
          /&gt;
        );
      } else if (record.key == 2 &amp;&amp; dataIndex == &quot;after1330&quot;) {
        return (
          &lt;TextInput
            maxLength={200}
            {...props}
            validation={[
              {
                required: true,
                message: required,
              },
            ]}
          /&gt;
        );
      }
  
      return (
        &lt;TextInput
          maxLength={200}
          {...props}
          validation={[
            {
              required: true,
              message: required,
            },
          ]}
        /&gt;
      );
    };
    
           &lt;Form ref={formRef} colSpan={{ span: 24 }} onSubmit={handleSubmit}&gt;
  .....        
            &lt;Form.Item &gt;
              &lt;EditableTable
                title={() =&gt; &lt;TableHeader title={&quot;Table&quot;} /&gt;}
                mode=&quot;cell&quot;
                columns={columns}
                data={data}
                setData={setNewData}
                getInput={getInput}
              /&gt;
            &lt;/Form.Item&gt;  
            
              &lt;Button className=&quot;right-floated&quot; htmlType=&quot;submit&quot; type=&quot;primary&quot;&gt;
                {&quot;Save&quot;}
              &lt;/Button&gt;         
  ...
  &lt;/Form&gt;
  </code></pre>