<commit_before><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, user-scalable=no">

    <title>GRID</title>

    <link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="bower_components/ax5ui-mask/dist/ax5mask.css"/>
    <link rel="stylesheet" type="text/css" href="bower_components/ax5ui-calendar/dist/ax5calendar.css"/>
    <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="../dist/ax5grid.css"/>

    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="bower_components/ax5core/dist/ax5core.js"></script>
    <script src="../dist/ax5grid.js"></script>
</head>
<body style="padding: 20px;">

<div data-ax5grid="first-grid" data-ax5grid-config='{name:"my first grid"}' style="height: 400px;"></div>

<div style="padding: 10px;">
    <button class="btn btn-default" data-set-height="300">높이조절(300px)</button>
    <button class="btn btn-default" data-set-height="400">높이조절(400px)</button>
    <button class="btn btn-default" data-set-height="800">높이조절(800px)</button>
</div>

<div style="height: 10px;"></div>

<TEXTAREA ID="holdtext" STYLE="position:absolute;top:-1000px;"></TEXTAREA>
<script>
    var firstGrid = new ax5.ui.grid();

    var gridView = {
        initView: function () {
            firstGrid.setConfig({
                target: $('[data-ax5grid="first-grid"]'),
                frozenColumnIndex: 2,
                frozenRowIndex: 0,
                showLineNumber: true,
                showRowSelector: false,
                lineNumberColumnWidth: 40,
                rowSelectorColumnWidth: 28,
                header: {
                    columnHeight: 28
                },
                body: {
                    columnHeight: 28
                },
                page: {
                    navigationItemCount: 9,
                    height: 30,
                    display: true,
                    firstIcon: '<i class="fa fa-step-backward" aria-hidden="true"></i>',
                    prevIcon: '<i class="fa fa-caret-left" aria-hidden="true"></i>',
                    nextIcon: '<i class="fa fa-caret-right" aria-hidden="true"></i>',
                    lastIcon: '<i class="fa fa-step-forward" aria-hidden="true"></i>',
                    onChange: function () {
                        //console.log(this.page.selectPage);
                        gridView.setData(this.page.selectPage);
                    }
                },
                columns: [
                    {key: "a", label: "필드A", width: 80},
                    {key: "b", label: "필드B"},
                    {
                        label: "필드C", columns: [
                        {key: "c1", label: "필드C-1"}, {key: "c2", label: "필드C-2"}
                    ]
                    },
                    {key: "c", label: "필드C", multiLine: false},
                    {key: "d", label: "필드D"},
                    {key: "c1", label: "필드D", width: 80},
                    {key: "a", label: "필드A", width: 80},
                    {key: "a", label: "필드A", width: 80}
                ]
            });
            return this;
        },
        setData: function (_pageNo) {
            var _my_pageNo = (_pageNo || 0) + 1;
            var list = [];
            for (var a = 0, l = 100; a < l; a++) {
                list.push({a: "컬럼 테스트", b: "필드 B 값", c: "그룹 블라 블라 블라블라그룹 블라 블라 블라블라그룹 블라 블라 블라블라", c1: _my_pageNo, c2: "!@#$", "d": "필드D값"});
            }
            firstGrid.setData({
                list: list,
                page: {
                    currentPage: _pageNo || 0,<commit_msg>ax5grid paging/page<commit_after><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, user-scalable=no">

    <title>GRID</title>

    <link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="bower_components/ax5ui-mask/dist/ax5mask.css"/>
    <link rel="stylesheet" type="text/css" href="bower_components/ax5ui-calendar/dist/ax5calendar.css"/>
    <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="../dist/ax5grid.css"/>

    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="bower_components/ax5core/dist/ax5core.js"></script>
    <script src="../dist/ax5grid.js"></script>
</head>
<body style="padding: 20px;">

<div data-ax5grid="first-grid" data-ax5grid-config='{name:"my first grid"}' style="height: 400px;"></div>

<div style="padding: 10px;">
    <button class="btn btn-default" data-set-height="300">높이조절(300px)</button>
    <button class="btn btn-default" data-set-height="400">높이조절(400px)</button>
    <button class="btn btn-default" data-set-height="800">높이조절(800px)</button>
</div>

<div style="height: 10px;"></div>

<TEXTAREA ID="holdtext" STYLE="position:absolute;top:-1000px;"></TEXTAREA>
<script>
    var firstGrid = new ax5.ui.grid();

    var gridView = {
        initView: function () {
            firstGrid.setConfig({
                target: $('[data-ax5grid="first-grid"]'),
                frozenColumnIndex: 2,
                frozenRowIndex: 0,
                showLineNumber: true,
                showRowSelector: false,
                lineNumberColumnWidth: 40,
                rowSelectorColumnWidth: 28,
                header: {
                    columnHeight: 28
                },
                body: {
                    columnHeight: 28
                },
                page: {
                    navigationItemCount: 9,
                    height: 30,
                    display: true,
                    firstIcon: '<i class="fa fa-step-backward" aria-hidden="true"></i>',
                    prevIcon: '<i class="fa fa-caret-left" aria-hidden="true"></i>',
                    nextIcon: '<i class="fa fa-caret-right" aria-hidden="true"></i>',
                    lastIcon: '<i class="fa fa-step-forward" aria-hidden="true"></i>',
                    onChange: function () {
                        //console.log(this.page.selectPage);
                        gridView.setData(this.page.selectPage);
                    }
                },
                columns: [
                    {key: "a", label: "필드A", width: 80},
                    {key: "b", label: "필드B"},
                    {
                        label: "필드C", columns: [
                        {key: "c1", label: "페이지번호"}, {key: "c2", label: "필드C-2"}
                    ]
                    },
                    {key: "c", label: "필드C", multiLine: false},
                    {key: "d", label: "필드D"},
                    {key: "c1", label: "페이지번호", width: 80},
                    {key: "a", label: "필드A", width: 80},
                    {key: "a", label: "필드A", width: 80}
                ]
            });
            return this;
        },
        setData: function (_pageNo) {
            var _my_pageNo = (_pageNo || 0) + 1;
            var list = [];
            for (var a = 0, l = 100; a < l; a++) {
                list.push({a: "컬럼 테스트", b: "필드 B 값", c: "그룹 블라 블라 블라블라그룹 블라 블라 블라블라그룹 블라 블라 블라블라", c1: _my_pageNo, c2: "!@#$", "d": "필드D값"});
            }
            firstGrid.setData({
                list: list,
                page: {
                    currentPage: _pageNo || 0,
{'fraction_non_alphanumeric': 0.16532780513086293, 'fraction_numerical': 0.02047162477325732, 'mean_word_length': 1.7450213371266003, 'pattern_counts': {'":': 2, '<': 93, '<?xml version=': 0, '>': 91, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1824115', 'n_tokens_mistral': 2657, 'n_tokens_neox': 2604, 'n_words': 470}