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_dir [ Writeable ] document_root [ Writeable ]

var rowRecords = [
    {
        completed: false,
        name: 'abc',
        endTime: '24/4/2024 00:00',
        remind: false,
        actor: "Pham Duc Dat",
        res: '',
        feature: '',
        tick: false
    },
    {
        completed: false,
        name: 'av',
        endTime: '24/4/2024 00:00',
        remind: false,
        actor: "Pham Duc Dat",
        res: '',
        feature: '',
        tick: false

    }
];

for (var i = 0; i < 50; ++i) {
    rowRecords.push({
        completed: Math.random() < 0.5,
        name: absol.string.randomPhrase(30),
        actor: absol.string.randomPhrase(15),
        endTime: absol.datetime.formatDateTime(new Date(Date.now() + Math.random() * 36e5 * 24 * 364), 'dd/mm/yyyy HH:mm'),
    });
}

var table = absol._({
    tag: 'dynamictable',
    props: {
        adapter: {
            data: {
                head: {
                    rows: [
                        {
                            cells: [
                                {
                                    child: { text: 'STT' }
                                },
                                {
                                    child: { text: 'Hoàn thành' }
                                },
                                {
                                    child: { text: 'Tên' }
                                },
                                {
                                    child: { text: 'Kết thúc' }
                                },
                                {
                                    child: { text: 'Nhắc nhở' }
                                },
                                {
                                    child: { text: 'Người thực hiên' }
                                },
                                {
                                    child: { text: 'Kết quả' }
                                },
                                {
                                    child: { text: 'Chức năng' }
                                },
                                {
                                    child: { text: 'Đánh dấu' }
                                },
                                {
                                    child: 'span.bsc-icon-hover-black.mdi.mdi-table-settings'
                                }
                            ]
                        }
                    ]
                },
                body: {
                    rows: rowRecords.map(rc => {
                        return {
                            cells: [
                                {
                                    child: 'span.as-dt-row-index'
                                },
                                {
                                    render: function (tdElt) {
                                        tdElt.addStyle('text-align', 'center');
                                        absol._({
                                            elt: tdElt,
                                            child: {
                                                tag: 'switch',
                                                props: {
                                                    disabled: true,
                                                    checked: rc.completed
                                                }
                                            }
                                        });
                                    }
                                },
                                { child: { text: rc.name }, innerText: rc.name },
                                { child: { text: rc.endTime } },
                                { child: { text: 'Không nhắc' } },
                                { child: { text: rc.actor } , innerText: rc.actor },
                                { child: { text: rc.res } },
                                {}, {}, {}

                            ]
                        }
                    })
                }
            }
        }
    }
}).addTo(document.body)