对于在ng2智能表angular中具有列数据超链接的列，排序不起作用

Question

我有一个名为" link“的列有链接，但排序对此列不起作用。请帮帮忙

  data = [
{
  id: 1,
  name: 'Leanne Graham',
  username: 'Bret',
  link: '<a href="http://www.google.com">Google</a>',
},
{
  id: 2,
  name: 'Ervin Howell',
  username: 'Antonette',
  link: '<a href="https://github.com/akveo/ng2-admin">Ng2 Admin</a>',
}];

 settings = {
columns: {
  id: {
    title: 'ID',
   
  },
  name: {
    title: 'Full Name',
  
  },
  username: {
    title: 'User Name',
  },
  link: {
    title: 'Link',
    type: 'html',
  
  },
},

hyperlink example in ng2-smart-table

Answer 1

我不熟悉ng2-smart-table，但我猜排序是使用整个链接值进行排序，而不是显示文本。

不管是不是这样，试着看看compareFunction

link: {
  title: 'Link',
  type: 'html',
  
  compareFunction(direction: any, a: any, b: any) => {
    //gets the text in the link element
    let aText = $("<div></div>").html(a).find("a").text().toLowerCase();
    let bText = $("<div></div>").html(b).find("a").text().toLowerCase();

    if (aText < bText) {
      return -1 * direction;
    }
    if (aText > bText) {
      return direction;
    }
    return 0;
  }
}

Answer 2

​

​

也许这能帮到你enter link description here

​

​