如何在 yajra 数据表中添加阅读更多按钮

Question

如何使用按钮 yajra 数据表在表格上显示更少的文本

Answer 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
}

在渲染函数中，来自服务器的实际数据可作为“数据”使用，因此我只需在其前面添加一个井号并将其作为函数的结果返回。

如果您想添加一个阅读更多按钮 - 您尚未指定是否希望该按钮将用户带到另一个页面，或者只是最初显示部分描述，然后在用户单击时显示全部在按钮上 - 那就是这样做的方法。