freezeTable/js.js at master · jBox/freezeTable · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
// ref -- jQuery.freezeTable
var freezeTable = $('#tableLayout').freezeTable({
    layout: { width: 935, height: 800 },
    header: {
        freezed: true,
        formatter: function (item) {
            var name = item.displayValue;
            var sortby = item.sortby;
            if (sortby && sortby != '') {
                return '<div class="' + sortby + '">' + name + '</div>';
            } else {
                return '<div>' + name + '</div>';
            }
        },
        click: function (item) {
            var source = freezeTable.dataSource;
            for (var i = 0; i < source.columns.length; i++) {
                if (item == source.columns[i]) {
                    if (item.sortby == 'asc') {
                        item.sortby = 'desc';
                    } else {
                        item.sortby = 'asc';
                    }
                } else {
                    source.columns[i].sortby = '';
                }
            }
            var scrollleft = freezeTable.tables['full'].container.scrollLeft();
            freezeTable.redraw(source);
            freezeTable.tables['full'].container.scrollLeft(scrollleft);
        }
    },
    columns: {
        formatter: function (item) {
            var val = '&nbsp;';
            if (item.displayValue != '') {
                val = item.displayValue;
            }

            if (item.hyperlink && item.hyperlink != '') {
                val = '<div class="overflow-hidden"><a href="' + item.hyperlink + '">' + val + '</a><div>';
            }

            return val;
        },
        click: function (r, c, p) {
            console.log(p);
            console.log(this.nodeName);
        },
        frozenColumns: {
            count: 1,
            widths: [260, 120]
        }
    },
    scrollbar: {
        enhanced: true
    },
    dataSource: globalData,
    paging: {
        enabled: true,
        style: 'listing', //ps: listing / pager
        size: 200,
        pager: {
            index: 1
        }
    }
});