如何用jQuery做一个表格组件

发布网友发布时间：2022-04-26 03:06

共1个回答

热心网友时间：2022-04-23 04:35

html：

js：

$("#grid").datagrid({
width: 600,
height: 400,
columns: [
{ text: "名称", field: "name", width: 200 },
{ text: "年龄", field: "age" },
{ text: "日期", field: "birthday",
renderer: function (value, row, col) { if (value && value.getFullYear) {
value = value.getFullYear() + "-" + (value.getMonth() + 1) + "-" + value.getDate();
} return value;
}
}
],
data: [
{ name: "name1", age: 20, birthday: new Date() },
{ name: "name1", age: 20, birthday: new Date() },
{ name: "name1", age: 20, birthday: new Date() },
{ name: "name1", age: 20, birthday: new Date() },
{ name: "name1", age: 20, birthday: new Date() }
]
}); function addRow() { var grid = $("#grid").data("datagrid");

grid.addRow({ name: "bbb" });
} function setColumns() {
var grid = $("#grid").data("datagrid");
grid.setColumns([
{ text: "Name", field: "name", width: 150 },
{ text: "Age", field: "age", width: 150 }
]);
}