.

VaKeR CYBER ARMY

Server : Apache/2.4.41 (Ubuntu)
System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64
User : www-data ( 33)
PHP Version : 7.4.33
Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
Directory : /var/www/html/libs/absol-acomp/demo/dynamictable/

Upload File :

Current File : /var/www/html/libs/absol-acomp/demo/dynamictable/dynamictable_scroller.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DynamicTable with scroller</title>
    <script src="../../dist/absol-acomp.js?<?php  echo stat('../dist/absol-acomp.js')['mtime'];?>"></script>
</head>
<body>
<script>
    (function () {
        var _ = absol._;
        var $ = absol._;

        function render(o) {
            return _(o).addTo(document.body);
        }

        render({
            tag: 'dynamictable',
            style: {width: '90vw', height: '90vh'},
            props: {
                adapter: {
                    fixedCol: 3,
                    data: {
                        head: {
                            rows: [
                                {
                                    cells: [
                                        { child: { text: 'S' } },
                                        {
                                            child: { text: 'STT' }
                                        },
                                        {
                                            child: { text: 'Tên' }
                                        }
                                    ].concat(Array(1).fill(null).map((x, i) => ({
                                        child: { text: 'Task ' + i }
                                    })))
                                }
                            ]
                        },
                        body: {
                            rows: Array(400).fill(null).map((u, i) => {
                                return {
                                    cells: [
                                        {
                                            child: [{
                                                tag: 'checkboxbutton',
                                                on: {
                                                    change: function () {
                                                        console.log(this, i + 1);
                                                    }
                                                }
                                            }]
                                        },
                                        {
                                            child: { text: i + 1 }
                                        },
                                        {
                                            child: { text: 'Date ' + (i + 1) }
                                        }
                                    ].concat(Array(1).fill(null).map((x, i) => ({
                                        child:
                                            { tag: 'input', style: { width: '200px' } }
                                    })))
                                }
                            })
                        }
                    }
                }


            }
        });

    })();
</script>
</body>
</html>

VaKeR 2022