首页 > 解决方案 > metronic 数据表 6*4 用户图像网格

问题描述

我想知道是否可以使用数据表(Metronic Laravel 主题)来显示 6*4 网格的用户图像,而不是逐行显示图像(标准数据表行为)。有谁能帮忙吗?

我刚刚开始这样做,所以如果根本不可能,我不想浪费很多时间,这就是我到目前为止所拥有的:

let members_datatable,
    members_element = $('...');




members_datatable = members_element.MyCustomDataTable({
    columns: [
            {
                field: 'id',
                title: members_element.data('column-id'),
                width: 50,
                template: function (row) {                    
                    return row.id;
                }
            },
            {
                field: 'first_name',
                title: members_element.data('column-name'),
                width: 150,
                template: function (row) {
                    let user_id = ...;
                    let user_company = ...;
                    let company_branche = ...;
                    return `<div class="mt-card-item">
                                <div class="mt-card-avatar mt-overlay-4">
                                    <img src="storage/public/userImages/${user_id}.jpg">
                                    <div class="mt-overlay">
                                        <h2>${user_company}</h2>
                                        <div class="mt-info font-white">
                                            <div class="mt-card-content">
                                                ${company_branche}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>`;
                }
            },
    ],
});

标签: laraveldatatablemetronic

解决方案


推荐阅读