使用字母順序排序和搜索創建表

-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被使用。所以，你可以看看到這些庫