📜  数据表滚动折叠选项

📅  最后修改于: 2021-11-24 04:53:08             🧑  作者: Mango

DataTables是 jQuery 插件,可用于向网页的 HTML 表格添加交互式和高级控件。这也允许根据用户的需要对表中的数据进行搜索、排序和过滤。 DataTable 还公开了一个强大的 API,可以进一步用于修改数据的显示方式。

scrollCollapse选项用于指定在使用scrollY选项确定表格的最大高度时表格是否折叠。当行没有完全填满给定表格的高度并且可能在页脚上方留下空白时,这是可见的。启用此选项将使表的视口折叠并使表的高度等于正在显示的记录数。

{ scrollCollapse: value }

参数:此选项具有如上所述和如下所述的单个值:

  • value:这是一个布尔值,用于指定当显示的行数低于指定高度时表格是否折叠。默认值为假。

下面的示例说明了此选项的用法。

示例 1:在此示例中,启用了表格的折叠。

HTML


  
  
  
  
  
  
  
  


  

    GeeksForGeeks   

  

DataTables scrollCollapse Option

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
DayNameAge
2Patricia22
2Caleb47
1Abigail48
5Rahim44
5Sheila22
2Lance48
5Erin48
1Christopher28
2Roary35
4Mikasa48
2Astra37
5Eren48
  


HTML


  
  
  
  
  
  
  
  


  

    GeeksForGeeks   

  

DataTables scrollCollapse Option

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
DayNameAge
2Patricia22
2Caleb47
1Abigail48
5Rahim44
5Sheila22
2Lance48
5Erin48
1Christopher28
2Roary35
4Mikasa48
2Astra37
5Eren48
  


输出:

示例 2:在此示例中,表格的折叠被禁用。

HTML



  
  
  
  
  
  
  
  


  

    GeeksForGeeks   

  

DataTables scrollCollapse Option

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
DayNameAge
2Patricia22
2Caleb47
1Abigail48
5Rahim44
5Sheila22
2Lance48
5Erin48
1Christopher28
2Roary35
4Mikasa48
2Astra37
5Eren48
  

输出:

参考: https://datatables.net/reference/option/scrollCollapse