make csv viz full width

Author: simonlsk

src/components/dagshub/data-engine/CSVViewer/CSVViewer.tsx

@@ -6,11 +6,9 @@ import 'ag-grid-community/styles/ag-theme-quartz.css';
 export function CSVViewer({
   headers,
   values,
-  columnWidth = 150
 }: {
   headers: string[];
   values: string[][];
-  columnWidth?: number;
 }) {
   // Convert the data into the format expected by AgGridReact
   const rowData = values.map((rowValues) => {
@@ -35,7 +33,6 @@ export function CSVViewer({
       colId: header,
       field: header,
       filter: 'agTextColumnFilter',
-      width: columnWidth,
       floatingFilter: true,
       headerTooltip: header
     }))
@@ -45,8 +42,7 @@ export function CSVViewer({
     <div
       className={'ag-theme-quartz'}
       style={{
-        width: `${headers.length * columnWidth + 67}px`,
-        maxWidth: '100%',
+        width: '100%',
         height: '100%',
         fontFamily: 'Inter!important'
       }}

src/components/dagshub/data-engine/singleFileViewModal/SingleFileViewFileRenderer.tsx

@@ -142,7 +142,7 @@ export const SingleFileViewFileRenderer = ({ itemData }: VisualizerProps) => {
       );
     }
     if (itemType === 'csv') {
-      return <CSVViewer headers={csvHeaders} values={csvValues} columnWidth={160} />;
+      return <CSVViewer headers={csvHeaders} values={csvValues} />;
     }
   }
   return <ItemFallback height={'100%'} width={'100%'} disableHoverMode />;