title: How to replace dataframe text column with only the 1st occuring word / words before a comma
body: <p>The dataframe for the problem statement looks like</p>
  <div class="s-table-container">
  <table class="s-table">
  <thead>
  <tr>
  <th style="text-align: center;">Name</th>
  <th style="text-align: center;">UID</th>
  <th style="text-align: center;">search_text</th>
  </tr>
  </thead>
  <tbody>
  <tr>
  <td style="text-align: center;">B</td>
  <td style="text-align: center;">14</td>
  <td style="text-align: center;">kj</td>
  </tr>
  <tr>
  <td style="text-align: center;">S</td>
  <td style="text-align: center;">2</td>
  <td style="text-align: center;">hsa,isd</td>
  </tr>
  <tr>
  <td style="text-align: center;">D</td>
  <td style="text-align: center;">10</td>
  <td style="text-align: center;">sa,ad,ad</td>
  </tr>
  <tr>
  <td style="text-align: center;">E</td>
  <td style="text-align: center;">99</td>
  <td style="text-align: center;">pid, pd,dd,ef</td>
  </tr>
  <tr>
  <td style="text-align: center;">G</td>
  <td style="text-align: center;">8</td>
  <td style="text-align: center;">dd</td>
  </tr>
  </tbody>
  </table>
  </div>
  <p>I want the dataframe search_text to be stripped and replaced on the 1st word before comma.(I dont want to manually map it and replace). So it would look like.</p>
  <div class="s-table-container">
  <table class="s-table">
  <thead>
  <tr>
  <th style="text-align: center;">Name</th>
  <th style="text-align: center;">UID</th>
  <th style="text-align: center;">search_text</th>
  </tr>
  </thead>
  <tbody>
  <tr>
  <td style="text-align: center;">B</td>
  <td style="text-align: center;">14</td>
  <td style="text-align: center;">kj</td>
  </tr>
  <tr>
  <td style="text-align: center;">S</td>
  <td style="text-align: center;">2</td>
  <td style="text-align: center;">hsa</td>
  </tr>
  <tr>
  <td style="text-align: center;">D</td>
  <td style="text-align: center;">10</td>
  <td style="text-align: center;">sa</td>
  </tr>
  <tr>
  <td style="text-align: center;">E</td>
  <td style="text-align: center;">99</td>
  <td style="text-align: center;">pid</td>
  </tr>
  <tr>
  <td style="text-align: center;">G</td>
  <td style="text-align: center;">8</td>
  <td style="text-align: center;">dd</td>
  </tr>
  </tbody>
  </table>
  </div>
  <p>Is there any convenient way to do that?</p>