SpreadJS テーブルシート入門9 CRUD処理

・・・（中略）・・・
// データマネージャーにテーブルを追加します
var apiUrl = 'http://localhost:5000/orders/';
var productTable = dataManager.addTable("注文情報", {
    autoSync: true,
    schema: {
        columns: {
            id: { dataType: "number" },
            categoryName: { dataType: "string" },
            productName: { dataType: "string" },
            unitsOnOrder: { dataType: "number" }
        }
    },
    remote: {
        /* データを作成するWebAPIのURLを設定します */
        create: { url: apiUrl },
        /* データを取得するWebAPIのURLを設定します */
        read: { url: apiUrl },
        /* データ更新処理を設定します */
        update: function (item) {
            return sendRequest(apiUrl, { body: item, method: 'PUT' });
        }, 
        /* データ削除処理を設定します */
        delete: function (item) {
            console.log(item);
            return sendRequest(apiUrl, { body: item[0], method: 'DELETE' });
        },
    }
});
・・・（中略）・・・

・・・（中略）・・・
// カスタムリクエスト
function sendRequest(url, options) {
    // HTTPメソッドを設定します。引数内のメソッド内容が空の場合はPOSTを設定します
    options.method = options.method || 'POST';
    // リクエストのコンテンツ種別をJSONに設定します
    options.headers = { 'Content-Type': 'application/json; charset=utf-8' };
    // 変更を要求するデータのIDをURLに付与します
    var id = options.body.id;
    url = url + id.toString();
    // リクエストのBODY部をJSON文字列にして設定します
    if (options.body) {
        options.body = JSON.stringify(options.body);
    }
    // リクエストを送信します
    return fetch(url, options).then(resp => {
        // リクエスト正常完了時の処理を実施します
        if (resp.ok) {
            return resp.json();
        }
        // リクエスト失敗時の処理を実施します
        else {
            throw resp.statusText;
        }
    });
}
・・・（中略）・・・

・・・（中略）・・・
#ss {
  width: 710px;
  height: 300px;
  border: 1px solid gray;
}

・・・（中略）・・・
// 行操作を初期化します。
var rowActions = GC.Spread.Sheets.TableSheet.BuiltInRowActions;
let rowOptions = tableSheet.rowActionOptions();
rowOptions.push(
    rowActions.removeRow,
    rowActions.saveRow,
    rowActions.resetRow,
);
tableSheet.rowActionOptions(rowOptions);
・・・（中略）・・・