title: Displaying dropdown in React Antd Table
body: <pre><code>                    const bands = this.props.ApplicationContainer.bands;
                      if(bands)   {
                          var bandsHtml = '&lt;Select defaultValue="Select"&gt;&lt;Option value="Select"&gt;Select&lt;/Option&gt;';
                          const listItems = bands.map(function(obj) { 
                             const rObj = {};
                             rObj[obj.id] = obj.band;
                             bandsHtml += '&lt;Option value="'+obj.band+'"&gt;'+obj.band+'&lt;/Option&gt;';
                             return rObj;
                          });
                          bandsHtml += '&lt;/Select&gt;';
                      }   else    {
                          var bandsHtml='';
                      }
                      console.log(bandsHtml);
                  return (
                      bandsHtml
                  );
  </code></pre>
  
  <p>The function returns what goes into the Table, but please check out this image:
  <a href="https://ibb.co/jNBYnk" rel="nofollow noreferrer">https://ibb.co/jNBYnk</a></p>
  
  <p>It displays as HTML in the cell. Any ideas on how it could be rendered as a Select in the Antd Table?</p>