我对使用 HTML 很陌生。我需要将它用于一个项目，而我根本没有接受过任何教育。这是我需要做的分解。我需要一个文本框图（我已经在其中一些由 webix 提供的功能中添加了一些功能），并且我想要有允许我添加或删除行的按钮。我也在使用 webix 数据表。这是我的按钮代码。目前，我只想在图表顶部添加一行。现在我只有添加行按钮。一旦弄清楚这一点，我就可以轻松地进行删除。
input type='button' class="sample_button" value='add row' onclick= grida.addRowCss(1, getElementById('grida').style.color = "black");
这是我的数据表代码。
webix.ready（函数（）{
grida = webix.ui({
容器：“testA”，
视图：“数据表”，
列：[
{ id:"stage",editor:"text", header:"Stage", width:150},
{ id:"component",editor:"text", header:"Component",width:200},
{ id:"epic",editor:"text", header:"Epic" , width:200},
{ id：“工程”，编辑器：“文本”，标题：“工程”，宽度：200，建议：numSuggest}，
{ id:"design", editor:"text", header:"Design", width:200,Suggest:numSuggest},
{ id:"research",editor:"text", header:"Research", width:200,Suggest:numSuggest},
{ id:"notes", editor:"popup", header:"Notes", width:200}
],
可编辑：真，
自动高度：真，
自动宽度：真，
数据： [
{id：1，阶段：“测试1”，组件：“策略”，史诗：“设计”，工程：2，设计：0，研究：0，注释：“这是一个测试”}，
]
});
});
一切都正常，除了按钮，它出现了，但什么也不做。这是 addRow webix 函数的链接。 http://docs.webix.com/api__ui.datatable_addrowcss.html
感谢任何和所有的帮助，特别是因为我对此完全陌生。谢谢
编辑1：
谢谢你的回答。所以目前我让我的按钮像这样（在脚本之前）
input type="button" value="添加行" onclick= 'add_row()'
并且表格和以前一样，但是我在表格结束后包含了 add_row 函数。我将包含表格的最后一位以作为上下文
数据： [
{id：1，阶段：“测试1”，组件：“策略”，史诗：“设计”，工程：2，设计：0，研究：0，注释：“这是一个测试”}
]
});
函数添加行（）{
grida.add({
阶段：“测试2”，
组件：“战略”，
史诗：“设计”，
工程：2，
设计：0，
研究：0，
注释：“这是一个测试”
},2)
}
我也试过
$$("grida").add(...)
无济于事。按钮在屏幕上，但不起作用。我想我正在做一些不正常的事情，但我不确定是什么。