1. How to get the field value being edited?
2. When creating, updating, or deleting fails, how to avoid out-of-sync data?
3. If my Table has 5 pages, I always return to the first page after editing the second page. Is there a way to solve it?

        <button class="btn btn-primary btn-sm ms-3" data-mdb-add-entry data-mdb-target="#table_modal">
            <i class="fa fa-plus"></i>
        </button>
    </div>
    <hr />
    <div id="table_modal"></div>



    let table = document.getElementById('table_modal');

    table.addEventListener('edit.mdb.tableEditor', (e) => {
        // "obj" is the currently edited row, how to get it
        $.post('/Menu/editMenus',obj, function (result) {
             if(result==false){....How to prevent data from getting out of sync}
        }
    });

    table.addEventListener('update.mdb.tableEditor', (e) => {
        showTable();
    });

$(function(){
        showTable();
    });

    function showTable(){
        $.get('/Menu/GetMenusToJson', { menuType: 1 }, function (result) {
            const advancedColumns = [
                {
                    width: 50,
                    label: 'Id',
                    field: 'id',
                    fixed: true
                },
                {
                    width: 250,
                    label: 'Name',
                    field: 'name',
                }
            ];
            const advancedRows = result;

            const tableEditor = TableEditor.getInstance(table); 
            if (tableEditor!=null) $('#table_modal').html('');

            new TableEditor(
                table,
                { columns: advancedColumns, rows: advancedRows },
                { mode: 'modal', entries: 5, entriesOptions: [5, 10, 15] }
            );
        });
    }