freezeTable/auto-size.htm 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
<!doctype html>
<html>
<head>
    <title>freezeTable example - auto size</title>
    <link href="yahoo-answers-paging.css" rel="stylesheet" type="text/css" />
    <link href="style-tableLayout.css" rel="stylesheet" type="text/css" />
    <link href="style-basic-table.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div>
        <h1>auto</h1>
        <div id="basicLayout">
        </div>
    </div>
    <script src="data.js"></script>
    <script src="jq.js"></script>
    <script>window.jQuery || document.write(unescape('%3Cscript src="http://api.jquery.com/jquery-wp-content/themes/jquery/js/jquery-1.8.2.min.js"%3E%3C/script%3E'))</script>
    <script src="jQuery.freezeTable.1.0.js"></script>
    <script>
        var basicFreezeTable = $('#basicLayout').freezeTable({
            columns: {
                freezed: true,
                tooltip: { enabled: false }
            },
            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 = basicFreezeTable.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 = basicFreezeTable.fullTable.container.scrollLeft();
                    basicFreezeTable.redraw(source);
                    basicFreezeTable.fullTable.container.scrollLeft(scrollleft);
                }
            },
            dataSource: globalData,
            layout: {
                width: 'auto',
                height: 'auto'
            }
        });
        $('#basicLayout').addClass('box-border');
    </script>
</body>
</html>