Show filters on report list

cope2n-fe/src/components/report-detail/report-table.tsx

@@ -39,12 +39,40 @@ const ReportTable: React.FC = () => {
       key: 'ID',
     },
     {
-      title: 'Created Date',
+      title: 'Report Date',
       dataIndex: 'Created Date',
       key: 'Created Date',
       render: (_, record) => {
         return <span>{record['Created Date'].toString().split('T')[0]}</span>;
       },
+      width: 110,
+    },
+    {
+      title: 'Start Date',
+      dataIndex: 'Start Date',
+      key: 'Start Date',
+      render: (_, record) => {
+        return <span>{record['Start Date'].toString().split('T')[0]}</span>;
+      },
+      width: 110,
+    },
+    {
+      title: 'End Date',
+      dataIndex: 'End Date',
+      key: 'End Date',
+      render: (_, record) => {
+        return <span>{record['End Date'].toString().split('T')[0]}</span>;
+      },
+      width: 110,
+    },
+    {
+      title: 'Subsidiary',
+      dataIndex: 'Subsidiary',
+      key: 'Subsidiary',
+      render: (_, record) => {
+        return <span>{String(record['Subsidiary']).toUpperCase()}</span>;
+       },
+      width: 110,
     },
     {
       title: 'No. Requests',
@@ -148,7 +176,7 @@ const ReportTable: React.FC = () => {
       title: 'Actions',
       dataIndex: 'actions',
       key: 'actions',
-      width: 210,
+      width: 240,
       render: (_, record) => {
         return (
           <div style={{ flexDirection: 'row' }}>