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.

Requirements

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;
}

Example Usage

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