行の固定

wijgrid ウィジェットの staticRowIndex オプションを使用すると、グリッドを垂直方向にスクロールする際、特定の行を固定できます。このオプションを使用して行のインデックスを指定すると、この行を静的な状態で維持できます。

行を固定した場合、固定行より前にあるすべての行も、固定行として扱われることに注意してください。

次のサンプルスクリプトでは、staticRowIndex を 2 に設定します。この結果、スクロールの実行中、行 0 および行 1 も固定されます。

ライブウィジェット
スクリプト

スクリプト	コードのコピー
<script id="scriptInit" type="text/javascript"> require(["wijmo.wijgrid"], function () { $(document).ready(function () { $("#wijgrid").height(300).wijgrid({ cellClicked: function (e, args) { alert(args.cell.value()); }, allowSorting: true, rowHeight: 50, scrollMode: "vertical", staticRowIndex: 2, //sets index for static rows allowVirtualScrolling: true, data: [ [27, 'Canada', 'Adams, Craig', 'RW'], [43, 'Germany', 'Boucher, Philippe', 'D', 'R'], [24, 'Canada', 'Cooke, Matt', 'LW', 'L'], [87, 'Canada', 'Crosby, Sidney (C)', 'C', 'L'], [1, 'United States', 'Curry, John', 'G', 'L'], [37, 'Canada', 'John, Craig', 'RW'], [23, 'United Kingdom', 'Boucher, Mathew', 'D', 'R'], [44, 'Canada', 'Brooke, Matt', 'LW', 'L'], [97, 'Japan', 'Crosby', 'Sidney (C)', 'C', 'L'], [2, 'United States', 'Curry', 'John', 'G', 'L'], [57, 'Canada', 'Glenda', 'James ', 'RW'], [23, 'Canada', 'James', 'Garrett ', 'D', 'R'], [74, 'United Kingdom', 'Wilfred, Henry ', 'LW', 'L'], [37, 'Canada', 'Crosby', 'Sidney (C)', 'C', 'L'], [16, 'United States', 'Denise', 'Love ', 'G', 'L'], [22, 'Canada', 'Tyrone', 'Yates ', 'RW'], [13, 'Japan', 'Boucher', 'Philippe', 'D', 'R'], [25, 'Canada', 'Cooke', 'Matt', 'LW', 'L'], [77, 'United Kingdom', 'Crosby, Sidney (C)', 'C', 'L'], [19, 'United States', 'Curry', 'John', 'G', 'L'], [47, 'Canada', 'Adams', 'Craig', 'RW'], [63, 'Germany', 'Boucher', 'Philippe', 'D', 'R'], [24, 'Canada', 'Cooke', 'Matt', 'LW', 'L'], [87, 'Canada', 'Douglas, Kelly (C)', 'C', 'L'], [18, 'United States', 'Curry, John', 'G', 'L'], [27, 'Canada', 'Adams', 'Craig', 'RW'], [33, 'Japan', 'Ida', 'Ortiz ', 'D', 'R'], [54, 'Germany', 'Cooke', 'Matt', 'LW', 'L'], [27, 'Canada', 'Crosby', 'Sidney (C)', 'C', 'L'], [14, 'United States', 'Darren', 'Miller ', 'G', 'L'] ], columns: [ { headerText: "Number",dataType:'number'}, { headerText: " Country",dataType:'string'}, {headerText: "Player", dataType:'string'}, {headerText: " Position", dataType:'string'}, ] }); }); }); </script>

スクリプト

コードのコピー

<script id="scriptInit" type="text/javascript">
    require(["wijmo.wijgrid"], function () {
        $(document).ready(function () {
            $("#wijgrid").height(300).wijgrid({
                cellClicked: function (e, args) {
                    alert(args.cell.value());
                },
                allowSorting: true,
                rowHeight: 50,
                scrollMode: "vertical", 
                staticRowIndex: 2, //sets index for static rows
                allowVirtualScrolling: true,
                data: [
                    [27, 'Canada', 'Adams, Craig', 'RW'],
                    [43, 'Germany', 'Boucher, Philippe', 'D', 'R'],
                    [24, 'Canada', 'Cooke, Matt', 'LW', 'L'],
                    [87, 'Canada', 'Crosby, Sidney (C)', 'C', 'L'],
                    [1, 'United States', 'Curry, John', 'G', 'L'],
                    [37, 'Canada', 'John, Craig', 'RW'],
                    [23, 'United Kingdom', 'Boucher, Mathew', 'D', 'R'],
                    [44, 'Canada', 'Brooke, Matt', 'LW', 'L'],
                    [97, 'Japan', 'Crosby', 'Sidney (C)', 'C', 'L'],
                    [2, 'United States', 'Curry', 'John', 'G', 'L'],
                    [57, 'Canada', 'Glenda', 'James ', 'RW'],
                    [23, 'Canada', 'James', 'Garrett ', 'D', 'R'],
                    [74, 'United Kingdom', 'Wilfred, Henry ', 'LW', 'L'],
                    [37, 'Canada', 'Crosby', 'Sidney (C)', 'C', 'L'],
                    [16, 'United States', 'Denise', 'Love ', 'G', 'L'],
                    [22, 'Canada', 'Tyrone', 'Yates ', 'RW'],
                    [13, 'Japan', 'Boucher', 'Philippe', 'D', 'R'],
                    [25, 'Canada', 'Cooke', 'Matt', 'LW', 'L'],
                    [77, 'United Kingdom', 'Crosby, Sidney (C)', 'C', 'L'],
                    [19, 'United States', 'Curry', 'John', 'G', 'L'],
                    [47, 'Canada', 'Adams', 'Craig', 'RW'],
                    [63, 'Germany', 'Boucher', 'Philippe', 'D', 'R'],
                    [24, 'Canada', 'Cooke', 'Matt', 'LW', 'L'],
                    [87, 'Canada', 'Douglas, Kelly  (C)', 'C', 'L'],
                    [18, 'United States', 'Curry, John', 'G', 'L'],
                    [27, 'Canada', 'Adams', 'Craig', 'RW'],
                    [33, 'Japan', 'Ida', 'Ortiz ', 'D', 'R'],
                    [54, 'Germany', 'Cooke', 'Matt', 'LW', 'L'],
                    [27, 'Canada', 'Crosby', 'Sidney (C)', 'C', 'L'],
                    [14, 'United States', 'Darren', 'Miller ', 'G', 'L']
              
                    ],

                columns: [
                      
                       { headerText: "Number",dataType:'number'}, 
                       { headerText: " Country",dataType:'string'},
                       {headerText:  "Player", dataType:'string'},
                       {headerText: " Position", dataType:'string'},
      
                ]
            });
        });
    });
</script>