Как создать сайдбар для google таблицы?

var htmlOutput = HtmlService
        .createHtmlOutput(sidebarHTML)
        .setTitle('My add-on');
 
// https://developers.google.com/apps-script/reference/base/ui#showsidebaruserinterface
    SpreadsheetApp.getUi().showSidebar(htmlOutput);

// Функция onOpen() запускается всегда при открытии документа
// https://developers.google.com/apps-script/guides/triggers/#onopen
function onOpen() {
 
// Создаём новое меню
// https://developers.google.com/apps-script/reference/base/ui#createmenucaption
SpreadsheetApp.getUi()
.createMenu('Custom Menu')
.addItem('Show modal dialog', 'showModalDialog') // При нажатии на этот элемент меню откроется модальное окно
.addItem('Show sidebar', 'showSidebar') // При нажатии на этот элемент меню откроется сайдбар
.addToUi();
}
 
// Открытие сайдбара
function showSidebar() {
var htmlOutput = HtmlService
.createHtmlOutput('<p>A change of speed, a change of style...</p>')
.setTitle('My add-on');
 
// https://developers.google.com/apps-script/reference/base/ui#showsidebaruserinterface
SpreadsheetApp.getUi().showSidebar(htmlOutput);
 
}
// Открытие сайдбара
function showSidebar() {
 
// Подключаем Bootstrap
var sidebarHTML = '<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">';
// Подключаем jQuery
sidebarHTML += '<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>';
 
// Создаём форму
sidebarHTML += '<form style="padding: 20px;text-align:center;">\
<div class="form-group">\
<label for="profit_ratio">Коэффициет прибыли</label>\
<input type="text" class="form-control" id="profit_ratio" name="profit_ratio" value="">\
</div>\
<div class="form-group">\
<label for="manager_ratio">Коэффициет менеджера</label>\
<input type="text" class="form-control" id="manager_ratio" name="manager_ratio" value="" >\
</div>\
<div class="form-group">\
<label for="ad_ratio"">Коэффициет рекламы</label>\
<input type="text" class="form-control" id="ad_ratio" name="ad_ratio" value="">\
</div>\
<button type="submit" class="btn btn-primary">Записать данные в таблицу</button>\
<br><br><br>\
<button type="button" id="sidebarClose" class="btn btn-danger">Закрыть сайдбар</button>\
</form>';
 
// Добавляем скрипты
// При сабмите формы вызываем функцию writeStrInTable() и передаём ей введённые данные
// https://developers.google.com/apps-script/guides/html/reference/run
// При клике на кнопку 'Закрыть сайдбар' закрываем его
// https://developers.google.com/apps-script/guides/html/reference/host#close()
sidebarHTML += "<script>\
$(document).on('submit', 'form', function () { \
google.script.run \
.withSuccessHandler(function (resultMsg) { \
alert(resultMsg);\
})\
.writeStrInTable(\
{ profit_ratio: $('#profit_ratio').val(), manager_ratio: $('#manager_ratio').val(), ad_ratio: $('#ad_ratio').val() }\
);\
return false;\
});\
\
$('#sidebarClose').on('click', function() {\
google.script.host.close();\
});\
</script>";
 
 
var htmlOutput = HtmlService
.createHtmlOutput(sidebarHTML)
.setTitle('My add-on');
 
// https://developers.google.com/apps-script/reference/base/ui#showsidebaruserinterface
SpreadsheetApp.getUi().showSidebar(htmlOutput);
 
}
 
Прошу помощи. Не понимаю в чём дело.