fastadmin 列表表格展示两行

最新推荐文章于 2024-08-17 11:54:36 发布
最新推荐文章于 2024-08-17 11:54:36 发布
阅读量691 收藏 10
点赞数 7
文章标签： php
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42629862/article/details/135153226
版权

使用fastadmin自动生成的页面，表格标题默认是一行的，但是业务场景需要两行标题，研究了一下，终于整出来了

效果图：
在这里插入图片描述

更改对应js文件：

columns: [
            [
                  {title: '/', colspan: 1},
                  {title: '/', colspan: 1},
                  {title: '注册人数', colspan: 3},
                  {title: '活跃人数', colspan: 3},
              ],
              [
                  {field: 'Date', title:'日期', formatter: Table.api.formatter.datetime, operate: 'RANGE', addclass:'datetimerange', data: 'data-locale={"format":"YYYY-MM-DD"}},
                  {field: 'Channel', title: '渠道'},
                  {field: 'RSameDay', title: '当天', colspan: 1, searchable: false},
                  {field: 'RDayBefore', title: '前一天', colspan: 1, searchable: false},
                  {field: 'RContrast', title:'对比', colspan: 1, searchable: false},
                  {field: 'LSameDay', title: '当天', colspan: 1, searchable: false},
                  {field: 'LDayBefore', title: '前一天', colspan: 1, searchable: false},
                  {field: 'LContrast', title:'对比', colspan: 1, searchable: false},
              ]
]

注意，第二个数组里面的每一列的 colspan 必须加上

菜菜n
关注
基于fastadmin框架 一个表单分两次提交
qq_42897782的博客
07-23 2144
功能描述：给表单添加一个模块（包含两个input框），先提交该模块，再提交其他信息 功能需求： 1：先提交订单连接和商家单号，初始加载是input框， 2：下单成功后 “ 订单链接” 变为a标签，“商家单号 ” 只读 3：只有下单后，才显示 “ 反馈信息 ” ，“ 备注 ” 效果图： 第一次用fastadmin框架着实费力，过于详细 首先需要找到前端页面添加需要的模块（该模块为f...
fastadmin子页面使用到表格
future的博客
12-15 2021
我们经常会遇到，点击某条数据，子页面又要显示另外一个表格。 举例场景：后台有给用户发送优惠券的功能，用户列表每行数据有个按钮，点击就能弹出所有可用的优惠券。 首先，要显示优惠券表格，第一个想法可能就是将弹出的优惠列表，直接指向到之前写过的优惠券管理的列表。 但这样做，并不好实现。因为在优惠券管理那边肯定有==“添加”==或其他功能，你在给用户发送的时候，并不需要，所以如果这样，还得去判断是从哪个...
bootstrapTable实现合并相同行（fastadmin框架同样使用）
qq_40591925的博客
04-18 2203
方法：调用mergeCells(data, fieldName, target)，可以实现合并相同行 var table = $("#table"); // 初始化表格 table.bootstrapTable({ url: $.fn.bootst...
table 实现双行显示
zhaowenjie3的专栏
03-12 1123
日期                             上午                             下午                                                    日期                             上午                             下午  
FastAdmin table 跨行跨列处理
最新发布
tiger_web0的博客
08-17 164
其中，在表头 columns 定义处，通过 rowspan 、colspan 来定义跨行跨列。在数据加载完成后，调用 mergeCellTable 方法，用于对列表数据跨行跨列处理。注意，列表数据从 index 序号 0 开始，field 用于定义涉及的表头字段。在开发中，需要对表格跨行跨列处理，也就是说，需要合并单元格；因此每项都是一行，如果有多项，你需要在 columns 中定义多个表头。另外，不管表头定义多少行，返回的结果，始终是一行表示所有表头。
fastadmin 表格内容超长自动折行，并且能下拉展开
小沐
10-14 544
主要是其中的 formatter: Table.api.formatter.content 生效的。
fastadmin table 列表动态显示 编辑 删除，以及列表动态多选
jim的博客
07-22 1971
代码】fastadmintable列表动态显示编辑删除，以及列表动态多选。
fastadmin列表页展示分类名称、按分类搜索
qq_38719570的博客
01-11 3718
fastadmin列表页，显示分类名称、并且快速搜索时可以选择分类 1、控制器中 public function index() { $this->relationSearch = true; $list = $this->model ->with("category") ->field('home_articles.*,category.name as c
【FastAdmin专题二】使用双表格联动实现字典管理之自定义行字段样式，添加点击事件
@Banana的博客
05-29 1743
人生有涯，学海无涯，学无止境，精益求精。---------- Banana.Banuit Gang(香柚帮) 【FastAdmin专题一】使用双表格联动实现字典管理之修改表格原始样式 本小节主要讲一下自定义行字段显示样式，修改原始button样式，添加点击事件。 category_table.bootstrapTable({ url: $.fn.bootstrapTable.defaults.extend.index_url, pk: 'id', sortName: 'd
fastadmin列表页展示分类名称通用搜索按分类名称搜索
withoutfear的博客
09-13 904
fastadmin列表页展示分类名称通用搜索按分类名称搜索
Fastadmin 后台列表页面列自定义点击事件
fangwenkai的博客
08-30 2080
在做项目过程中经常遇到某一列使用富文本填写内容，如果使用使用table默认展示方式会导致该列展示很长，倒是使用体验差。可以在该列加上一个按钮，点击按钮后后弹窗展示改字段内容。
一张图解析FastAdmin中的表格列表的功能
qq_42538872的博客
02-16 1717
功能描述 请根据图片上的数字索引查看对应功能说明。 1.菜单名称和描述 默认生成的CRUD是没有菜单名称和描述显示的，如果需要显示则可以修改权限管理->菜单规则，给对应菜单的添加上备注信息后即可显示，支持HTML 2.TAB过滤选项卡 在一键生成CRUD时，如果表中存在status字段且为ENUM类型，则会生成相应的TAB过滤选项卡，如果需要生成其它字段的过滤选项卡则可以在使用php th...
fastadmin表格之自定义搜索
qq_41588568的博客
10-13 4103
1.使用搜索模板 在对应的index.html页面最底部添加搜索模板（注意模板是添加在和table一个页面的HTML页面的最底部） 将自定义的搜索内容即下边这段代码放在最底部 <script id="countrySearch" type="text/html"> <!--form表单必须添加form-commsearch这个类--> <form action="" class="form-commonsearch form-horizontal"&g..
FastAdmin多表联查
Aprint_r的博客
03-11 8602
关于fastadmin夺标联查我觉得我们要首先了解他们生成的目录 微信号码：qq1571746700 欢迎添加 fastadmin会一键生成controller层，model层，view层和对应的validate以及js 前端所显示的内容以及你多表联查所查出的内容都在生成的js中 对应数据表的名称以及你一键生成时的名字生成的js会显示你数据表的对应字段的内容 如果我们要进行多表联查，那么我们首...
【FastAdmin专题一】使用双表格联动实现字典管理之修改表格原始样式
@Banana的博客
05-28 1807
多读多写多记录，多学多练多思考。---------- Banana.Banuit Gang(香柚帮) 字典管理首页截图如下： 左边的一排按钮可以直接在html页面隐藏 index.html <style> .car-dict { padding: 5px; } .panel-heading { padding:10px !important; } </style> <div class="row"&.
【FastAdmin专题三】使用双表格联动实现字典管理之传参
@Banana的博客
06-06 1963
吾生有涯，而知无涯。 ----------- Banana.Banuit Gang(香柚帮) 【FastAdmin专题二】使用双表格联动实现字典管理之自定义行字段样式，添加点击事件 本小节讲一下搜索传参和刷新传参 由于字典类别和字典项使用的是同一张数据库表，字典类别的p_dict_code='0',而他的dict_code就是字典项的p_dict_code,所以当你搜索字典名称的时候如果不指定p_dict_code，就会把包含搜索内容的字典类别和字典项全部搜索出来。 1.搜索传参：字典类别表格的搜索
fastadmin 后台列表数据多表查询筛选
T_Hong的博客
10-09 1173
注意：接口返回数据格式一定以json格式返回。记录下 后期方便直接粘贴使用。
fastadmin表格断行（表中表，支持搜索）
weixin_39921970的博客
10-27 476
隔开的字符串， operate: 'LIKE'，则支持模糊搜索。数据库表字段为英文字符“
初识fastAdmin表格列表的功能
守护大白菜的博客
08-22 4036
FastAdmin是一款基于ThinkPHP5+Bootstrap的极速后台开发框架。优点见开发文档https://doc.fastadmin.net/docs 在这里上传几张优秀的快速入门图: 一张图解析FastAdmin中的表格列表的功能: 功能描述 请根据图片上的数字索引查看对应功能说明。 1.菜单名称和描述 默认生成的CRUD是没有菜单名称和描述显示的，如果需要显示则可以修改权限管理->菜单规则，给对应菜单的添加上备注信息后即可显示，支持HTML 2.TAB过滤选项卡 在一..
fastadmin 数据表格获取当前行数据
05-26
在 FastAdmin 中，可以使用以下步骤获取数据表格当前行数据： 1. 在数据表格中添加一个按钮，例如“详情”按钮。 2. 在按钮对应的操作方法中，使用以下代码获取当前行数据： ```php // 获取当前行主键值 $id = $this->request->request('id/d'); // 查询当前行数据 $data = Db::name('table_name')->where('id', $id)->find(); ``` 其中，`table_name` 是你要查询的数据表名。 3. 对获取到的 `$data` 进行处理，例如返回 JSON 格式数据。 完整的操作代码示例： ```php public function detail($ids) { // 获取当前行主键值 $id = $this->request->request('id/d'); // 查询当前行数据 $data = Db::name('table_name')->where('id', $id)->find(); // 处理数据，例如返回 JSON 格式数据 return json($data); } ``` 注意，这里的 `$ids` 参数是 FastAdmin 自动生成的，可以不用管它。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值