使用字母顺序排序和搜索创建表

-3

我想创建一个表（使用字母顺序筛选和搜索），如this(example)。其中通过点击任何字母表显示以该字母开头的名字。并且还有一个搜索选项。使用字母顺序排序和搜索创建表

我在谷歌上搜索了很多，但无法找到这样的表。任何人都有任何想法我怎么能得到那张桌子。

来源

2016-01-11 Rishabh

http://www.listjs.com/examples/table阅读文档知道该怎么做 – nunoarruda

@诺鲁阿鲁达感谢您的链接，但它没有字母过滤器，我在我的问题中提到过。欲了解更多详情，请查看我已经展示的例子，其中A到Z字母过滤器是可用的。 – Rishabh

我发现我的问题的解决方案通过下面提供的链接。

SOLUTION IS HERE

注意：在这个解决方案只按字母顺序排列过滤器是可用的，搜索功能是不存在的。搜索功能对我来说不是那么重要，所以我只对字母过滤器很好。

来源

2016-01-14 06:20:13 Rishabh

在字母点击和搜索事件上，您应该在数据集上运行JS过滤器函数并仅显示相关数据。

过滤功能的简单的例子：

function filterByProperty(data, prop, searchString) { 
    return data.filter(function(singleObject) { 
     return singleObject[prop].indexOf(searchString) === 0; 
    }); 
} 

var dataSet = [ 
    { 
     name: "Amanda", 
     company: "Google" 
    }, 
    { 
     name: "Johnny", 
     company: "Facebook" 
    }, 
    { 
     name: "Max", 
     company: "Go Daddy" 
    } 
]; 

// Will return a collection containing the first and third objects in dataSet. 
var filteredData = filterByProperty(dataSet, "company", "G");

来源

2016-01-11 09:26:12

它使用了一种叫做插件：数据表，你可以跟着导游这里，使自己的字母搜索。

https://www.datatables.net/blog/2014-08-26

没有足够的信誉发表评论，所以......

来源

2016-01-11 09:32:40 Shizuka

从Chrome的开发者（Press F12 -> click on Network tab & reload the page）工具

我看到dynamic-table.js（不知道这是库或自定义文件）&

jquery.dataTables.js被使用。所以，你可以看看到这些库