首页 > 解决方案 > DataTables 按列排序数据

问题描述

我正在尝试在我的 html 页面上构建一个表格,其中有来自某个用户的 pdf 链接。我给这些pdfs这个结构:

{
  id,
  user [object],
  dateCreated
}

在 html 页面上,我的表格应该有一个指向 pdf 链接的列和一个用于用户名的列。下面是创建表的代码:

const $table = $('#table').DataTable({
 processing: true,
 serverSide: true,
 bLengthChange: false,
 bFilter: false,
 ajax: {
   url: '/api/route',
   dataSrc: response => {
     return response.data.array.map(index => {
       return [
         `<a class="show" href="/file/${ index.id }">Link</a>`,
         `${ index.user.first_name } ${ index.user.last_name }`
       ];
     });
   }
 },
 columnDefs: [
   { targets: [1], orderable: true }
 ]
});

对我来说,似乎我在索引 1(用户名)处的列应该是可排序的,但是每当我单击箭头对其进行排序时,什么都没有发生。箭头指向上方,并且发生平局事件,但除此之外没有任何变化反映在桌子上。

标签: jquerydatatables

解决方案


推荐阅读