過濾HTML表格和結果應該在HTML表格

我是新來編程，我有一個HTML頁面，5列和20行，並在表格上方的輸入字段。當我從表格中搜索日期時，結果應該是表格格式。看下面的例子。過濾HTML表格和結果應該在HTML表格

 
chandru, chandu | george, john | ohn, chandu | james, jones | Gita, sham  | 
________________________________________________________________________________ 
Ramu, gopi  | rekha, swathi | Arun, venu | Venu, chandu | prem, ravi, ramu | 
________________________________________________________________________________ 
...    | ...   | ...   | ...   |....    | 
________________________________________________________________________________

當過我搜索單詞「chandu」，結果應該是在下面的表格格式：

 
chandru, chandu | ohn, chandu | Venu, chandu |

結果應形成5列的表，如果搜索結果超過5個，它應該在第二行對齊......

請我的英語裸露，請及時與完整的源代碼提供...

來源

2010-08-12 Chandru

@Chandu：所以是不是一個地方，你可以要求其他人爲你做你的工作。如果您努力解決問題並遇到困難，請提出具體問題並顯示您迄今爲止所嘗試的內容。通常會忽略「請提供完整代碼」的請求。 – 2010-08-13 03:26:05

嗨Galwegian &吉姆，感謝喲烏爾反饋..我試圖將代碼從以下鏈接

http://www.mikemerritt.me/demos/lf-1-2/table.html

通過使用上面的鏈接，我必須能過濾整個行，我需要過濾正如我上面提到....

來源

2010-08-13 05:45:24 chandru

當你基本上要求某人爲你編寫一個完整的應用程序時，我將提供一些組件，這將使這更容易。

谷歌可視化Tables
jQuery的datepickers
jQuery的autocomplete

基本上，你要裝備了jQuery自動完成的選擇（autocompleteselect）事件包含所有條目的JavaScript對象（遠遠比試圖將它們保存在DOM對象中更好）。設置它，以便在autocompleteselect事件觸發時觸發一個函數，它循環訪問數據中的匹配對象，使用「addRows」函數將它們加載到Google Table中，然後重繪表格。

谷歌表是完全可排序的，易於過濾和重畫。通過將日期選擇器和輸入的事件鏈接到數據對象，您可以輕鬆地操縱將在表格中呈現的數據。

爲整個五柱的想法，當你去添加行，只是把它們串聯在addRows功能您創建表的循環中：

rowArray=[]; 
for (d in dataObj) { 
rowArray+=[ 
    dataObj[d].name, 
    dataObj[d+1].name, 
    dataObj[d+2].name, 
    dataObj[d+3].name, 
    dataObj[d+4].name 
    ]; 
}

來源

2010-08-13 06:29:57 Trafalmadorian

過濾HTML表格和結果應該在HTML表格

回答

相關問題