1. В базе данных, создаются таблицы, которые надо редактировать. С помощью MIGX или другим способом. Или используем существующие.
2. В таблице gtsAPI «Таблицы АПИ» создаем краткое описание (иструкции) нужной таблицы.
3. При вызове сниппета PVTable указываем название таблицы.
4. Затем спиппет подгужает js код PVTables и передает в него название таблицы. PVTables делает запрос к gtsAPI и подгужает описание таблицы, по которому строит таблицу и делает запросы на чтение и запись в gtsAPI.

{	
	"actions":{
		"read":{},
		"create":{},
		"update":{},
		"delete":{},
		"subtables":{
			"table":"tableName",
			"where":{
				"field1":1
			}
		},
		"subtabs": {
			"test": {
				"DocOrderLink": {
					"title": "\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b",
					"table": "DocOrderLink",
					"where": {
						"type_order_id": 1,
						"order_id": "id"
					}
				},
				"OrgsContact": {
					"title": "\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b",
					"table": "OrgsContact",
					"where": {
						"OrgsContactLink.org_id": "loc_org_id"
					}
				}
			}
		}
	}
}

{
    "actions": {
        ....
    },
    "fields": {
        "id": {
            "type": "view",
            "class": "tSkladSmena"
        },
        "date": {
            "type": "date",
            "class": "tSkladSmena"
        },
        "number": {
            "type": "number",
            "class": "tSkladSmena"
        },
        "hour": {
            "type": "number",
            "class": "tSkladSmena"
        }
    }
}

"actions": {
	"create": {
		"authenticated":1,
		"groups": "ceh_boss,Administrator",
		"permitions":"list"
	}
}

$default = [
            'class' => $rule['class'],
            'select' => [
                $rule['class'] => '*',
            ],
            'sortby' => [
                "{$rule['class']}.id" => 'DESC',
            ],
            'return' => 'data',
            'limit' => 0
        ]

{
    "loadModels": "ExcelRaschet",
    "actions": {
        ...
    },
    "query": {
        "class": "sraschet",
        "where": {
            "sraschet.last": 1
        },
        "select": {
            "sraschet": "sraschet.id,sraschet.family_id,sraschet.manager_id,sraschet.raschet_date,sraschet.loc_org_id,sraschet.object,sraschet.price,sraschet.Profit,sraschet.comment,sraschet.status_id,sraschet.contact_date"
        },
        "sortby": {
            "sraschet.id": "DESC"
        }
    }
}

{
    "query": {
        "sortby": {
            "id": "ASC"
        }
    }
}

{
    "actions": {
        ...
    },
    "autocomplete": {
        "select": [
            "id",
            "name"
        ],
        "where": {
            "name:LIKE": "%query%"
        },
        "tpl": "{$name}",
        "limit": 0
    }
}

{
	"fields":{
		...
		"org_id":{
			"type":"autocomplete",
			"table":"Orgs"
		}
	}
}

    "autocomplete": {
        "select": [
            "id",
            "name"
        ],
        "where": {
            "name:LIKE": "%query%"
        },
        "tpl": "{$name}",
        "limit": 0
    }

{
    "actions": {
        "read": []
    },
    "autocomplete": {
        "where": {
            "modUserProfile.fullname:LIKE": "%query%"
        },
        "query": {
            "class": "modUser",
            "leftJoin": {
                "modUserProfile": {
                    "class": "modUserProfile",
                    "on": "modUserProfile.internalKey = modUser.id"
                },
                "modUserGroupMember": {
                    "class": "modUserGroupMember",
                    "on": "modUserGroupMember.member = modUser.id"
                }
            },
            "where": {
                "modUserGroupMember.user_group": 6,
                "modUser.active": 1
            },
            "select": {
                "modUser": "modUser.id",
                "modUserProfile": "modUserProfile.fullname"
            },
            "sortby": {
                "fullname": "ASC"
            }
        },
        "tpl": "{$fullname}",
        "limit": 20
    }
}

Мужчина,Женщина

[
	[1,"Прямоуголка"],
	[2,"Кругляк"]
]

{
    "loadModels":"skladmake",
    "actions": {
        "skladmake/pereraschet_sklad": {
              "groups": "ceh_boss,Administrator",
		"head":true,
		"icon":"pi pi-trash",
		"class":"p-button-rounded p-button-danger"
        }
    }
}

public function regTriggers()
    {
        return [
            'DocOrderLink'=>[
                'gtsfunction2'=>'triggerDocOrderLink',
            ],
        ];
    }

public function triggerDocOrderLink(&$params)
{
	if($params['type'] == 'after' and $params['method'] == 'read'){
		// при запросе к таблице запрещаем чтение всем кроме администратора
		if($this->modx->user->id != 1) return $this->error("Доступ только администратору");
	}
	if($params['type'] == 'after' and $params['method'] == 'update'){
		// при изменение строки таблицы записываем в нее дату изменения
		$params['object']->date_update = date('Y-m-d');
		$params['object']->save();
	}
	return $this->success('');
}

npm run copy

npm i pvtables

<template>
  <PVTables table="sraschet" 
    :actions="actions" 
    ref="childComponentRef"
  />
  <Toast/>
</template>

<script setup>

  import { PVTables } from 'pvtables/pvtables'
  import { ref } from 'vue';
  import Toast from 'primevue/toast';

  import apiCtor from 'pvtables/api'
  import { useNotifications } from "pvtables/notify";

  const childComponentRef = ref()
  const createDocDialog = ref(false)
  const updateDocDialog = ref(false)
  
  const api = apiCtor('DocOrderLink')

  const { notify } = useNotifications();
  
  const actions = ref({
    DocOrderLink:{
      create:{
        head:true,
        icon:"pi pi-plus",
        class:"p-button-rounded p-button-success",
        head_click: async (event,table,filters,selectedlineItems) => {
          ...
        }
      },
      update:{
        row:true,
        icon:"pi pi-pencil",
        class:"p-button-rounded p-button-success",
        click: async (data, columns,table,filters) => {
          ...
        }
      }
    },
    
  })

</script>

import apiCtor from 'pvtables/api'
const api = apiCtor('DocOrderLink')
try {
  await api.create(DocLink.value)
} catch (error) {
  notify('error', { detail: error.message });
}

const api_sraschet = apiCtor('sraschet',600000)
try {
  const resp = await api_sraschet.action('ExcelRaschet/createAccountIn1c',data.value)
} catch (error) {
  notify('error', { detail: error.message });
}

{
    "loadModels": "ExcelRaschet",
    "actions": {
        "read": []
    },
    "hide_actions": {
        "ExcelRaschet\/createAccountIn1c": []
    }
}

{'!mixedVue' | snippet:[
    'app'=>'ExcelRaschet'
]}

{	
	"actions":{
		"subtables":{
			"table":"tableName",
			"where":{
				"field1":1
			}
		},
		"subtabs": {
			"test": {
				"DocOrderLink": {
					"title": "\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b",
					"table": "DocOrderLink",
					"where": {
						"type_order_id": 1,
						"order_id": "id"
					}
				},
				"OrgsContact": {
					"title": "\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b",
					"table": "OrgsContact",
					"where": {
						"OrgsContactLink.org_id": "loc_org_id"
					}
				}
			}
		}
	}
}

"where": {
	"type_order_id": 1,
	"order_id": "id"
}

{'!PVTabs' | snippet : [
    'tabs'=>[
        'DocType'=>[
            'title'=>'Типы документов',
            'table'=>'DocType',
        ],
        'DocTypeOrder'=>[
            'title'=>'Типы заказов',
            'table'=>'DocTypeOrder',
        ],
    ]
]}

    "row_setting": {
        "class": "{switch $status_id}{case 5}canceled{case 4}hit{case 3}outwork{case 1}work{\/switch}"
    },