121. Data Table - CSV Export

Build a production-ready Data Table component that extends the base Data Table with CSV export functionality. This builds on top of the sorting feature from the base Data Table.

1. CSV Export

• Export filtered/sorted data to CSV
• Include column headers
• Handle special characters (commas, quotes, newlines)
• Download file with proper filename
• Export button in UI

2. Data Structure

interface Column {
  key: string;
  label: string;
  sortable?: boolean;
}

interface DataTableProps {
  data: Record<string, any>[];
  columns: Column[];
  enableExport?: boolean;
}

Examples

<DataTable 
  data={data} 
  columns={columns}
  enableExport={true}
/>