title: can we use two selectors under one column in react data-table component?
body: <p>I am using react data-table component and I want to display 2 fields under one header. But the issue is that I don't know the correct method to use react-data-table-component and the instruction of react-data-table-component do not include such example.</p>
  <p>So I wanted to know whether we can use two selectors under one column.</p>
  <p>Below is my code :</p>
  <pre><code>{
    name:&lt;div style={{ cursor: 'context-menu' , marginRight:'80px'}}&gt;Implementation&lt;/div&gt;,
    selector: 'ImplementationStatus',
    selector: 'DoneDate',
  
    ignoreRowClick: true,
    cell: row =&gt; (
    &lt;div&gt;
    &lt;div style={{display: 'inline-block',marginRight:'10px',color:row.ImplementationStatus == 0 ? &quot;red&quot; : (row.ImplementationStatus == 1 ? &quot;#fe9810&quot; : (row.ImplementationStatus == 2 ? &quot;green&quot; : &quot;black&quot;))}}&gt;{row.ImplementationStatus == 0 ? &lt;div style={{marginRight:'5px'}}&gt;NOT STARTED&lt;/div&gt; : (row.ImplementationStatus == 1 ? &lt;div style={{marginRight:'20px'}}&gt;UNDERWAY&lt;/div&gt; : (row.ImplementationStatus == 2 ? &quot;IMPLEMENTED&quot; : &quot;&quot;))}&lt;/div&gt;
    
      &lt;div className=&quot;align-middle text-center&quot; style={{display: 'inline-block',paddingLeft:'0px'}}&gt;
        &lt;Input style={{ width: '167px',fontSize:'15px', height: '30px',backgroundColor:this.state.isManager === true || this.state.isAdmin===true ?'#FFFFFF':'#DCDCDC'}}
          type=&quot;date&quot;
          readOnly={this.state.isManager === true || this.state.isAdmin === true ? false : true}
          placeholder=&quot;Enter Done Date&quot;
          value={row.DoneDateVendorDisplay == null ? &quot;2020-01-01&quot; : row.DoneDateVendorDisplay}
          min=&quot;2020-01-01&quot;
          max={currentDate}
        /&gt;&lt;/div&gt;
        &lt;/div&gt;
    ),
    center: true,
    width: 'auto',
  },
  </code></pre>