laravel - 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>`;
}
},
],
});
解决方案
推荐阅读
- javascript - 如何循环具有多个选择的表单,以生成多个表单?
- node.js - 尝试将文件加载到服务器时无法 POST /upload。穆尔特
- cakephp - FriendsOfCake CakePdf 在 3.8.5 版中不起作用
- android - 无法加载导入 android.support.design.widget.BottomNavigationView;在安卓工作室
- java - 为什么我的应用程序中的动画在从 playStore 下载但与 AndroidStudio 一起使用时不起作用?
- javascript - ET http://127.0.0.1:800/data_list?%20data=hj 500(内部服务器错误)
- flutter - Flutter:如何在显示小吃店时“禁用”触摸
- docker - 更改子文件夹中的文件不会使缓存无效(添加或复制)
- reactjs - 谷歌地图 Img 标签 React Native
- javascript - 显示来自 Get 请求的元素