今天我們來(lái)聊聊jquery datatables的滾動(dòng)問(wèn)題。 在一些需要表格展現(xiàn)數(shù)據(jù)的場(chǎng)景中，如果數(shù)據(jù)量過(guò)大，會(huì)導(dǎo)致頁(yè)面加載速度較慢，影響用戶(hù)體驗(yàn)。而jquery datatables插件提供了一種優(yōu)秀的解決方案，即通過(guò)滾動(dòng)加載數(shù)據(jù)的方式，只在用戶(hù)滾動(dòng)到該行數(shù)據(jù)時(shí)進(jìn)行展現(xiàn)，從而大大減少了初始加載所需時(shí)間。 關(guān)于如何實(shí)現(xiàn)該功能，下面是一段jquery代碼：

$(document).ready(function() {
$('#example').DataTable( {
"scrollY":        "200px",
"scrollCollapse": true,
"paging":         false
} );
} );

通過(guò)設(shè)定scrollY屬性的值來(lái)控制表格的滾動(dòng)高度，scrollCollapse用于是否自適應(yīng)表格高度。paging用于控制是否啟用分頁(yè)功能。 另外，有兩個(gè)API可供調(diào)用，一個(gè)是page.len()用于限制每頁(yè)數(shù)據(jù)量，另一個(gè)是page()用于跳轉(zhuǎn)至指定頁(yè)數(shù)。 該插件的滾動(dòng)加載功能大大提高了表格的數(shù)據(jù)處理效率，使用起來(lái)簡(jiǎn)單方便，值得一試。