diff --git a/packages/noco-docs/docs/050.tables/020.create-table.md b/packages/noco-docs/docs/050.tables/020.create-table.md index e8c546d7ac..cdb4cfb577 100644 --- a/packages/noco-docs/docs/050.tables/020.create-table.md +++ b/packages/noco-docs/docs/050.tables/020.create-table.md @@ -4,15 +4,21 @@ title: 'Create table' import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; -## Create new table +## New table + +1. Click on `+` on the left sidebar next to `base name` OR click on `+ New Table` button on the Base dashboard. +2. Fill table name in the pop-up modal. +3. Click on `Create Table` button. ![image](/img/v2/create-table.png) ![image](/img/v2/create-table-2.png) -## Create table from CSV - -## Create table from Excel -## Create table from JSON +### Related articles +- [Create table via import](/docs/tables/create-table-via-import) +- [Delete table](/docs/tables/delete-table) +- [Rename table](/docs/tables/rename-table) +- [Duplicate table](/docs/tables/duplicate-table) +- [Change table icon](/docs/tables/change-table-icon) diff --git a/packages/noco-docs/docs/050.tables/030.create-table-via-import.md b/packages/noco-docs/docs/050.tables/030.create-table-via-import.md index c848a82ff7..cee5096018 100644 --- a/packages/noco-docs/docs/050.tables/030.create-table-via-import.md +++ b/packages/noco-docs/docs/050.tables/030.create-table-via-import.md @@ -2,4 +2,58 @@ title: 'Create table via import' --- import Tabs from '@theme/Tabs'; -import TabItem from '@theme/TabItem'; \ No newline at end of file +import TabItem from '@theme/TabItem'; + +## Import table from CSV / Excel / JSON + +### Accessing import modal +There are two ways to access import modal: + +#### 1. From the project dashboard +![image](/img/v2/import-csv-1.png) +![image](/img/v2/import-csv-2.png) + +#### 2. From the table context menu +![image](/img/v2/import-csv-3.png) + +### Importing file +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/import-csv-4.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. + ![image](/img/v2/import-csv-5.png) + +:::info +- Multiple files can be imported at once. +- Supported file formats: CSV, Excel, JSON +- Maximum file size: 5 MB +::: + + +### Import configurations +1. `Table name` - defaults to the name of the file; double click to edit. +2. `Field configurations` - Optional + - `Field name` - name of the column as identified from import file header; click to edit. + - `Field type` - inferred from the data in the column; click to edit. + - `Options` - For `Single select` and `Multi select` field types, options identified are listed here; click to edit. +3. Click on `Import` button to start importing the file. +4. `Remove field` - Click on delete icon to exclude a field in source file from being imported. + +![image](/img/v2/import-csv-6.png) + + +### Advance settings +- `# of rows to parse to infer datatype` - defaults to 500 rows. +- `Auto select field types` - enabled by default. If checked, field types will be detected. Otherwise, all fields will default to `SingleLineText`. +- `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. +- `Import data` - enabled by default. If checked, all data will be imported; otherwise, only table will be created. \ No newline at end of file diff --git a/packages/noco-docs/static/img/v2/import-csv-1.png b/packages/noco-docs/static/img/v2/import-csv-1.png new file mode 100644 index 0000000000..997af5a3d5 Binary files /dev/null and b/packages/noco-docs/static/img/v2/import-csv-1.png differ diff --git a/packages/noco-docs/static/img/v2/import-csv-2.png b/packages/noco-docs/static/img/v2/import-csv-2.png new file mode 100644 index 0000000000..bf1c4166ff Binary files /dev/null and b/packages/noco-docs/static/img/v2/import-csv-2.png differ diff --git a/packages/noco-docs/static/img/v2/import-csv-3.png b/packages/noco-docs/static/img/v2/import-csv-3.png new file mode 100644 index 0000000000..2dcf188ee4 Binary files /dev/null and b/packages/noco-docs/static/img/v2/import-csv-3.png differ diff --git a/packages/noco-docs/static/img/v2/import-csv-4.png b/packages/noco-docs/static/img/v2/import-csv-4.png new file mode 100644 index 0000000000..c73ddc5d66 Binary files /dev/null and b/packages/noco-docs/static/img/v2/import-csv-4.png differ diff --git a/packages/noco-docs/static/img/v2/import-csv-5.png b/packages/noco-docs/static/img/v2/import-csv-5.png new file mode 100644 index 0000000000..fa2b81a55b Binary files /dev/null and b/packages/noco-docs/static/img/v2/import-csv-5.png differ diff --git a/packages/noco-docs/static/img/v2/import-csv-6.png b/packages/noco-docs/static/img/v2/import-csv-6.png new file mode 100644 index 0000000000..d41614f119 Binary files /dev/null and b/packages/noco-docs/static/img/v2/import-csv-6.png differ