laravel - 如何使用 Yajra 数据表服务器端创建可点击的链接
问题描述
我获取所有数据的控制器。
return Datatables::of($usersData)->make(true);
在观点上:
<table id="AllData" class="table table-striped display" cellspacing="0" width="100%" >
<thead>
<tr>
<th>Subject</th>
<th>Business</th>
<th>Device</th>
</tr>
</thead>
</table>
然后是 JavaScript
<script type="text/javascript">
$(document).ready(function() {
$('#AllData').DataTable({
dom: 'Bfrtip',
aLengthMenu: [[5, 10, 25], [5, 10, 25]],
iDisplayLength: 10,
processing: true,
serverSide: true,
responsive: true,
autoWidth:false,
"ajax": "{{ url('get-all-review-data') }}",
"columns":[
{ "data": "subject"},
{ "data": "businessName" },
{ "data": "device_name" }
],
buttons: ['csv', 'excel', 'pdf', 'colvis']
});
});
</script>
这工作正常。我可以查看数据。
但是,我希望将第一个 td 作为链接<td><a href="/review/show/{!! >reviewSlug !!}" target="_blank">{!! subject !!}</a></td>
我怎样才能做到这一点?
解决方案
{ data: 'id', name: 'id', render:function(data, type, row){
return "<a href='/users/"+ row.id +"'>" + row.id + "</a>"
}},
推荐阅读
- git - 如何以编程方式确定 GitHub 存储库中的默认/主分支?
- c++ - 在 C++ 中为类编译代码时控制流的顺序是什么?
- python - Error Debugging toy example c++ Library for Python with GDB(与加载共享库有关的 GDB 问题?)
- reactjs - 通过数组映射时使用“包含”过滤对象数组
- typescript - 当对象在数组中时,如何确保两个字段具有相同的类型?
- algorithm - 如何重新连接节点之间的边缘并获得最大可能大小?
- sql - 确保没有重叠的约束,但仅限于某些情况下,并且需要解决冲突?
- python - 基于多列熊猫创建新列
- swift - Swift Playground 导入 CreateMLUI 失败 Xcode 12.4 BigSur
- ios - 测试view的前景颜色