docs: add Views

Signed-off-by: Wing-Kam Wong <wingkwong.code@gmail.com>

packages/noco-docs/content/en/setup-and-usages/views.md

@@ -0,0 +1,47 @@
+---
+title: 'Views'
+description: 'Views'
+position: 600
+category: 'Product'
+menuTitle: 'Views'
+---
+
+## What's a View?
+
+In a table, you can use different views to display your data. You can show specific fields in a View. You can also apply Sorting or Filtering to the View. Each View is independent, which means the configuration applying to View 1 will not apply to View 2. 
+
+To navigate different views, we can select the target one in the view sidebar. By default, Grid View will be created for you after creating the table.You can create multiple views with the same type as you wish, as long as they have unique View names.
+
+![image](https://user-images.githubusercontent.com/35857179/163340916-d1101709-2051-4d0e-9d86-dd14eced49e9.png)
+
+
+## View Types
+
+### Grid View
+
+Grid View, as a default type of view, allows you to display your data in a spreadsheet-like interface.
+
+![image](https://user-images.githubusercontent.com/35857179/163343433-f6594d6e-5874-45ae-b403-5774247659bb.png)
+
+### Form View
+
+### Gallery View
+
+
+## View Permission Types
+
+We can apply permission to each View. By default, Collaborative Views will be used. To see or change the view type, check the first icon above the View sidebar. 
+
+![image](https://user-images.githubusercontent.com/35857179/163343598-fd81edea-f160-41ee-8bb2-3ef1eee5348d.png)
+
+### Collaborative Views
+
+Collaborative View allows you to work with your collaborators with edit permissions. 
+
+![image](https://user-images.githubusercontent.com/35857179/163343959-7e2f43cb-1a1f-4f36-985c-ca91db262f98.png)
+
+### Locked Views
+
+Locked View allows you to lock the current View so that no one can edit the View including applying operations such as Sorting or Filtering.
+
+![image](https://user-images.githubusercontent.com/35857179/163343845-b07f9d3f-5a83-4dfd-8d45-9cc59b3512c3.png)