我有一個包含1000行的html表格。我想排序/搜索客戶端上的這些行。數據來自web服務。
現在,我正在考慮每頁添加100行的分頁,但客戶端性能很差。 (我正在考慮爲隱藏行做這樣的事情:display:none;
從表格中隱藏行的有效方法
現在,我已經開始尋找這種方法的一些實現,並發現數據表允許您在不添加這些方法的情況下對客戶端進行排序/搜索行到DOM第一。http://datatables.net/我看着在開發者控制檯生成的DOM,但還是無法弄清楚他們如何隱藏行。任何想法?
我有一個包含1000行的html表格。我想排序/搜索客戶端上的這些行。數據來自web服務。
現在,我正在考慮每頁添加100行的分頁,但客戶端性能很差。 (我正在考慮爲隱藏行做這樣的事情:display:none;
從表格中隱藏行的有效方法
現在,我已經開始尋找這種方法的一些實現,並發現數據表允許您在不添加這些方法的情況下對客戶端進行排序/搜索行到DOM第一。http://datatables.net/我看着在開發者控制檯生成的DOM,但還是無法弄清楚他們如何隱藏行。任何想法?
我看着開發人員控制檯中生成的dom,仍然無法弄清楚它們如何隱藏行。有任何想法嗎?
JS代碼讀取表成JavaScript變量,具體到一個變量oSettings.aoData。
從那裏,他們實際上只加載需要看到的表格元素,所以他們實際上並沒有隱藏和取消隱藏行(即使用dispaly:none) - 表格行實際上從DOM中刪除,存儲爲javascript對象,並根據需要加載或刪除DOM。
事情,即使他們不是在DOM可見的存在。
通過查看他們的代碼,他們似乎將它存儲在DataTable實例的成員變量中,他們可以在沒有我們的情況下自由操縱數據DOM,這可能會加快速度。
是的,你應該在你的代碼中使用數據表插件。這些是分類表格最有效的方法。 Datatable還提供了使用ajax結果的搜索或分頁。 –
@ManishJangir,我問的是datatables插件如何在後端工作。我不能使用插件,我只需要知道它是如何實現的。 – user194076
爲什麼不使用插件?對於完全相同的用例重新創建他們的作品毫無意義。 – computmaxer