title: How to add header in exported CSV file in react-bootstrap-table
body: <p>I would like to add a couple lines as header on top of the exported CSV file in <a href="https://react-bootstrap-table.github.io/react-bootstrap-table2/docs/about.html" rel="nofollow noreferrer">react-bootstrap-table</a></p>
  <p>Like this one:
  <img src="https://i.stack.imgur.com/luEAu.png" alt="Like this one" /> I've gone through the docs but still no idea how to do so.</p>
  <p>Here is my code sample</p>
  <pre><code>              &lt;ToolkitProvider
                  keyField=&quot;id&quot;
                  caption={&lt;CaptionElement /&gt;}
                  data={attendanceReportData || []}
                  columns={columns}
                  search
                  exportCSV={{
                    fileName: currentUser?.organization + &quot;-&quot; + deptName + &quot;.csv&quot; ,
                  }}
                &gt;
                  {(props) =&gt; (
                    &lt;div&gt;
                      &lt;BootstrapTable
                        {...props.baseProps}
                        remote={{
                          pagination: true,
                        }}
                        onTableChange={onTableChange}
                        pagination={paginationFactory({
                          page: page,
                          totalSize: totalPages,
                          hideSizePerPage: true,
                        })}
                      /&gt;
                      &lt;ExportCSV {...props.csvProps} /&gt;
                    &lt;/div&gt;
                  )}
                &lt;/ToolkitProvider&gt;
  </code></pre>