docs: upload csv

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>

packages/noco-docs/docs/050.tables/040.import-data-into-existing-table.md

@@ -2,4 +2,42 @@
 title: 'Import data into an existing table'
 ---
 import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+import TabItem from '@theme/TabItem';
+
+## Import data from CSV / Excel
+
+### Accessing import modal
+1. Click on `...` context menu from the toolbar.
+2. Click on `Upload` button.
+3. Select `Upload CSV` / `Upload Excel` option.    
+  
+![image](/img/v2/upload-csv-1.png)
+
+### Importing file data
+There are two ways to upload source file:
+
+#### 1. Upload from local directory
+1. Select `Upload` tab from the Quick import modal.
+2. Click on `file upload` button or drag and drop file to the modal.
+3. [Advance Settings](#advance-settings) (optional)
+4. Click on `Import` button.  
+  
+![image](/img/v2/upload-csv-2.png)
+
+#### 2. Upload from URL
+1. Select `URL` tab from the Quick import modal.
+2. Paste the URL of the file.
+3. [Advance Settings](#advance-settings) (optional)
+4. Click on `Import` button.
+
+### Field mapping
+1. Existing column names are listed under `Source column`. New columns identified from the import file under `Destination column`. NocoDB autofill destination column names based on the source column names.
+2. 
+
+
+
+![image](/img/v2/upload-csv-3.png)
+
+### Advance settings
+- `# of rows to parse to infer datatype` - defaults to 500 rows.
+- `Use first row as headers` - enabled by default. If checked, the first row will be treated as header row & will be used as field names.