آپدیت و ریلود اطلاعات جدول

یه روش دیگه هم هست که ابتدا بیام یه فانکشن جدا بنویسم. و با کد زیر بیام اسم اون فانکشن رو فراخوانی کنم. اما دقیقا مشکلم اینه که تو اون فانکشن چی باشه چی بنویسم چطوری اطلاعات توی جدول آپدیت بشن ؟؟

پیشنهاد بنده اینه که از vue js استفاده کنید.
فقط کافیه هر بار که ای جکس میزنید مقادیر رو برابر با متغیری که ازش استفاده کردید قرار بدید و تمام.
خودش اگر کم شده بود کمش میکنه ، اگر اضافه شده بود اضافه میکنه توسط حلقه v-for که براش استفاده میکنید.

@safarkhanlooehsan آخه نمیشه. بهم گفتن باید با جاوا اسکریپت باشه🙁😒😩

خب کارتون پیچیده میشه یه مقدار. کلی کار باید انجام بدید!
راه حل خیلی زیاده ، ولی خب در این لحظه منطقی ترین راهی که به ذهنم میاد ، اینه یه تیبل بسازید توی جاوا اسکریپت مثلا
let table = document.createElement('table'); این شکلی
thead بسازید براش
table.createTHead();
بعد بیایین براش tbody بسازید بدین شکل
table.createTBody();
بعد یه حلقه اجرا می کنید و بع تعداد دیتایی که از ای جکس گرفتید اینسرت میکنید داخل تیبل
با table.insertrow td اضافه می کنید به جدول
و با row.insertCell به td تون tr اضافه میکنید.
بعد table.outerHTML رو میبرید میریزید جای جدول موجود.
موفق باشید.

@safarkhanlooehsan مرسی از راهنماییتون
ولی یه نکته ای هست. من صفحه رو که رفرش میکنم اطلاعات آپدیت میشه خودش. یعنی اگه بیام فقط جدولمو رفرش کنم بدون اینکه دوتا
جدول بسازم خودش اینکارو میکنه ؟؟؟؟؟ چون صفحه رو که ریلود میکنم وضعیت افراد آپدیت میشه. ولی نمیدونم چطوری جدولو رفرش کنم