title: react js how to align text to left while writing to csv and giving a bold header
body: <p>I am having difficulty adding styling to my CSV like aligning text to right and bolding the header.</p>
  <p>below was the code I am using to push the data to CSV and providing the download to the export button.</p>
  <pre><code>const row = [
                      element.name,
                      element.data2,
                      element.data3,
                      element.data4,
                      '= &quot;' + element.data5 + '&quot;',
                      tarr[0],
                      tarr[1],
                      tarr[2],
                      tarr[3],
                      tarr[4],
                      tarr[5],
                      tarr[6],
                      tarr[7],
                      element.data6
                  ];
                  exportList.push(row)
              
          }); 
          
          let csvContent = 'data:text/csv;charset=utf-8,';
          exportList.forEach(function (rowArray) {
              let row = rowArray.join(',');
              //let row = (rowArray.trim()).join(',');
              csvContent += row + '\r\n'
          });
          const encodedUri = encodeURI(csvContent);
          const link = document.createElement('a');
          link.setAttribute('href', encodedUri);
          link.setAttribute('download', 'my_data.csv');
          document.body.appendChild(link); // Required for FF
          link.click() // This will download the data file named &quot;my_data.csv&quot;.
      }
  </code></pre>
  <p>please kindly help.</p>