fastadmin前端表格组件如何正确使用表格组件的formatter属性

编程入门 行业动态 更新时间:2024-10-10 07:31:52

fastadmin前端表格<a href=https://www.elefans.com/category/jswz/34/1771375.html style=组件如何正确使用表格组件的formatter属性"/>

fastadmin前端表格组件如何正确使用表格组件的formatter属性

fastadmin前端表格组件使用的是bootstrap-table,如果我们想要自定义表格的内容,可以使用formatter属性。

fastadmin为了方便大家快速开发,封装了一些常见的formatter供大家直接使用,如:

> `Table.api.formatter.icon` 快速将字段渲染成一个按钮,仅支持Fontawesome按钮
> `Table.api.formatter.image` 快速将字段渲染成图片展示的形式
> `Table.api.formatter.images` 快速将字段渲染成多图片展示的形式,字段数据请以`,`进行分隔
> `Table.api.formatter.status` 快速将字段渲染成状态,默认`normal/hidden/deleted/locked`这四个状态
> `Table.api.formatter.url` 快速将字段渲染成URL框
> `Table.api.formatter.search` 快速将字段渲染成可搜索的链接,点击后将执行搜索
> `Table.api.formatter.addtabs` 快速将字段渲染成可添加到选项卡的链接,点击后将把链接添加到选项卡
> `Table.api.formatter.flag` 快速将字段渲染成标志,仅支持`index/hot/recommend/new`这四种标志
> `Table.api.formatter.label` 快速将字段渲染Label标签
> `Table.api.formatter.datetime` 快速时间戳数据渲染成日期时间数据
> `Table.api.formatter.operate` 操作栏固定按钮
> `Table.api.formatter.buttons` 快速生成多个按钮
> `Table.api.formatter.toggle` 快速生成切换按钮
field: 'status', title: __('status'), formatter: Table.api.formatter.status

更多推荐

fastadmin前端表格组件如何正确使用表格组件的formatter属性

本文发布于:2023-12-07 08:59:04,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1670758.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:组件   表格   如何正确   属性   fastadmin

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!