.

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/

Upload File :

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

<!DOCTYPE html>
<html>

<head>
    <title>DynamicTable</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://absol.cf/hightlight/styles/default.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <script src="https://absol.cf/hightlight/highlight.pack.js"></script>
    <script src="../dist/absol-acomp.js?<?php  echo stat('../dist/absol-acomp.js')['mtime'];?>"></script>
    <style>
        html {
            font-size: 14px;
        }


    </style>
</head>

<body class="loading">
<script class="viewable">
    (function () {
        var _ = absol._;
        var $ = absol.$;

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

        absol.remoteNodeRequireAsync('./table_sample_data.js').then((items) => {
            var searchInput = render('searchtextinput');
            var table = render({
                tag: 'dynamictable',
                props: {
                    adapter: {
                        data: {
                            head: {
                                rows:[
                                    {
                                        cells: [
                                            {
                                                child: { text: 'Tên' }
                                            },
                                            {
                                                child: { text: 'Địa chỉ' }
                                            }
                                        ]
                                    }
                                ]

                            },
                            body:{
                                rows: items.map(item=> ({
                                    cells: item.map(text=>({
                                        child:{text: text},
                                        innerText: text
                                    }))
                                }))
                            }
                        }
                    }
                }
            })
            table.attachSearchInput(searchInput);

        });
        /**  ,**/
    })();

</script>
<!--    <script src="https://absol.cf/absol/demo/autohightlighting.js"></script>-->

</body>


</html>

VaKeR 2022