在JS中appendRow
时间: 2024-01-13 07:46:13 浏览: 12
在JS中,可以使用以下代码实现向表格末尾添加一行:
```javascript
// 获取表格对象
var table = document.getElementById("myTable");
// 创建新行对象
var newRow = table.insertRow();
// 创建新单元格并设置单元格内容
var cell1 = newRow.insertCell(0);
var cell2 = newRow.insertCell(1);
cell1.innerHTML = "第一列内容";
cell2.innerHTML = "第二列内容";
```
其中,`myTable` 是表格的 ID,可以根据实际情况修改。`insertRow()` 方法会在表格末尾添加一行,并返回新行对象。然后,可以使用 `insertCell()` 方法在新行中添加单元格,并使用 `innerHTML` 属性设置单元格内容。
相关问题
appendRow的用法
`appendRow` 是 Google Sheets 中的一个方法,用于向指定的表格中追加一行数据。它需要一个包含要追加的数据的数组作为参数。以下是使用 `appendRow` 的示例代码:
```javascript
function addData() {
var sheet = SpreadsheetApp.getActiveSheet();
var data = ["John Doe", "35", "Male", "New York"];
sheet.appendRow(data);
}
```
在上面的代码中,我们首先获取了当前活动的工作表(`getActiveSheet()`),然后定义了一个包含要添加的数据的数组 `data`。最后,我们调用 `appendRow(data)` 将数据添加到表格的末尾。
请注意,`appendRow` 方法只能向表格的末尾添加一行数据。如果想要向表格中的其他位置添加数据,可以使用 `setValues` 或 `setRange` 方法。
easyui的datagrid的行在appendRow后根据其他列的值设置可选中和不可选择
可以在 `onLoadSuccess` 事件中遍历每一行数据,根据需要设置 `selectable` 属性来控制行是否可选中。示例代码如下:
```javascript
$('#datagrid').datagrid({
// ...
onLoadSuccess: function(data) {
var rows = data.rows;
for (var i = 0; i < rows.length; i++) {
var row = rows[i];
if (row.someColumn === 'someValue') {
// 设置行不可选中
$('#datagrid').datagrid('getRowByIndex', i).selectable = false;
}
}
}
});
```
其中 `someColumn` 和 `someValue` 分别代表其他列的名称和对应的值,你需要根据实际情况进行修改。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)