docs: Update table and column docs

Signed-off-by: Pranav C <61551451+pranavxc@users.noreply.github.com>

packages/noco-docs/content/en/setup-and-usages/table-and-column-creation.md

@@ -1,9 +1,9 @@
 ---
 title: 'Table & Columns'
-description: 'Table and Columns Creation'
+description: 'Table and Columns'
 position: 11
 category: 'Setup and Usages'
-menuTitle: 'Table and Columns Creation'
+menuTitle: 'Table and Columns'
 ---
 
 
@@ -51,20 +51,39 @@ For adding new values to the table we need new rows, new rows can be added in tw
 ### Using Form
 
 - Click the `+` icon in the toolbar of the table tab.
-
 	![Pasted_Image_23_07_21__5_40_PM](https://user-images.githubusercontent.com/61551451/126783882-abd7e1dc-f13f-49bf-b44d-e66a06aacf5d.png)
 - Now it will open a modal Form to enter the values, provide the values and press the save button.
+    ![Pasted_Image_23_07_21__6_22_PM](https://user-images.githubusercontent.com/61551451/126784347-b82f9dfd-4c6d-4d65-be07-80e051ff19de.png)
+- After saving it will be there on your table.
+    ![image](https://user-images.githubusercontent.com/61551451/126785340-e9b80ad0-ba06-4a22-8a01-876d829c9673.png)
 
 
-![Pasted_Image_23_07_21__6_22_PM](https://user-images.githubusercontent.com/61551451/126784347-b82f9dfd-4c6d-4d65-be07-80e051ff19de.png)
+### Using Table Row
 
 
+- Click the bottom row of the table which contains `+` icon at the beginning.
+	![Pasted_Image_23_07_21__6_36_PM](https://user-images.githubusercontent.com/61551451/126786285-c5b4a614-ee3f-4ff9-8783-064f81b8b83d.png)
+- Now it will add a new row in the table and you can start editing by any of the following methods
+    - Double click
+    - Click and start typing (this way it will clear the previous content)
+    - Click and press enter to start editing
+- And it will automatically save on blur event or if inactive.
 
   
 
+## Table Deletion
 
+The table can be deleted using the `delete` icon present in the toolbar within the table tab.
 
-### Using Table Row
+![Pasted_Image_23_07_21__6_45_PM](https://user-images.githubusercontent.com/61551451/126787235-6751cadf-3e8a-446d-9db8-0d6ec330b243.png)
+
+## Column Deletion
+
+Column deletion can be done by using the `delete` option from the column header menu.
+
+![Pasted_Image_23_07_21__6_49_PM](https://user-images.githubusercontent.com/61551451/126787679-562aaa22-14b3-4ff8-8057-b8219e057110.png)
 
 
+## Row Deletion
 
+Right-click on anywhere in the row and then from the context menu select `Delete Row` option. Bulk delete is also possible by selecting multiple rows by using the checkbox in first column and then `Delete Selected Rows` options from the context menu.