如何在 yajra 数据表中添加阅读更多按钮
Posted
技术标签:
【中文标题】如何在 yajra 数据表中添加阅读更多按钮【英文标题】:How to add read more button in yajra data table 【发布时间】:2022-01-01 16:56:20 【问题描述】:如何使用按钮 yajra 数据表在表格上显示更少的文本
【问题讨论】:
查看文档:yajrabox.com/docs/laravel-datatables/master/add-column 请编辑问题以将其限制为具有足够详细信息的特定问题,以确定适当的答案。 【参考方案1】:您需要在渲染数据表的脚本中使用客户端渲染函数来调整数据的渲染方式。
如果您只想显示来自服务器的数据,那么您的列可能如下所示:
data: 'views', name: 'views', sortable:true, searchable: false,
但是,如果您需要对该数据执行某些操作,则需要添加一个渲染函数以将该数据包装在其他 html 中。下面是我的一个项目中的一个简单示例。其中,列表的价格来自服务器,但我想在它之前添加一个 £ 符号以使用户更清楚:
data: 'price', name: 'price',
"render": function ( data, type, row, meta )
return '£' + data;
,
sortable: true,
searchable : false
在渲染函数中,来自服务器的实际数据可作为“数据”使用,因此我只需在其前面添加一个井号并将其作为函数的结果返回。
如果您想添加一个阅读更多按钮 - 您尚未指定是否希望该按钮将用户带到另一个页面,或者只是最初显示部分描述,然后在用户单击时显示全部在按钮上 - 那就是这样做的方法。
【讨论】:
以上是关于如何在 yajra 数据表中添加阅读更多按钮的主要内容,如果未能解决你的问题,请参考以下文章
Laravel - Bootstrap 数据表(yajra)中的单选按钮
Laravel 5.7.9 中 Yajra 数据表中的删除按钮
如何在单页中使用 php 从 while 循环中生成多个读取更多按钮?