Themes Leave a comment
x
 
1
jui.ready([ "grid.table" ], function(table) {
2
    table_17 = table("#table_17", {
3
        fields: [ "name", "age", "location" ],
4
        scroll: true,
5
        resize: true,
6
        event: {
7
            select: function(row) {
8
                alert("index(" + row.index + "), name(" + row.data.name + ")");
9
            }
10
        }
11
    });
12
13
    table_17.update([
14
        { name: "Hong", age: "20", location: "Ilsan" },
15
        { name: "Jung", age: "30", location: "Seoul" },
16
        { name: "Park", age: "15", location: "Yeosu" },
17
        { name: "Kang", age: "32", location: "Seoul" },
18
        { name: "Song", age: "12", location: "Gwangju" },
19
        { name: "Yoon", age: "22", location: "Damyang" },
20
        { name: "Kim", age: "33", location: "Busan" },
21
        { name: "Hwang", age: "21", location: "Seoul" }
22
    ]);
23
24
    table_17_submit = function() {
25
        table_17.append("1", { name: "Kang", age: "21" });
26
        table_17.append("1", { name: "Jung", age: "33" });
27
        table_17.insert("1.2", { name: "Park", age: "45" } );
28
        table_17.insert("1.3", { name: "Hwang", age: "12" } );
29
        table_17.insert("1.2.0", { name: "Roo", age: "32" } );
30
        table_17.insert("1.2.1", { name: "Jung", age: "14" } );
31
        table_17.insert("3.0", { name: "Yoon", age: "17" } );
32
        table_17.insert("3.1", { name: "Kim", age: "21" } );
33
        table_17.insert("3.2", { name: "Kim", age: "28" } );
34
35
        table_17.scroll();
36
    }
37
});

Result
API