Custom rendered title in DataTable column header won't work well with CSV export

[Hilbrand]

Describe the bug

When using a function to render the title of a header in a DataTable with title(column) {} and than exporting this table as CSV file the column header in the CSV file will be the title function content instead of some plain text.

The link I put in the minimal reproduction points to the line of code that is related to this issue.

Steps to reproduce

1. Construct a DataTable with custom header, like in example https://www.naiveui.com/en-US/os-theme/components/data-table#render-header
2. Add export button, like in example: https://www.naiveui.com/en-US/os-theme/components/data-table#export-csv.vue
3. Export the table.
4. Header in CSV will be complete content of title function.

Link to minimal reproduction

naive-ui/src/data-table/src/utils.ts

Line 215 in acced75

const header = exportableColumns.map((col: any) => col.title).join(',')

System Info

Not relevant

Used Package Manager

npm

Validations

• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• The provided reproduction is a minimal reproducible example of the bug.