📜  数据表 scrollX 选项

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

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

scrollX选项用于指定是否应在 DataTable 中启用水平滚动。此选项将使用户能够水平滚动表格本身中的任何溢出内容。这可以在有很多列或列不适合布局时使用。值启用此滚动,值禁用它。

句法:

{ scrollX: value }

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

  • value:这是一个布尔值,用于启用或禁用 DataTable 的水平滚动。 默认值为假。

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

示例 1:此示例启用 DataTable 的水平滚动。

HTML


  
  
  
  
  
  
  
  


  

    GeeksForGeeks   

  

DataTables scrollX Option

                                                                                                                                                                                                                                                                                                                                                                                                 
Registration IDFull NameAge at RegistrationFull AddressPhone Number
1Sam Fisher35Earth, Galaxy01234344043
2Jack the Ripper30Earth, Galaxy0124334043
3Reaper the Leviathan454546B0189994043
4Ghost the Leviathan1054546B0123489043
5Robby the Robber19Mars68898988
  


HTML


  
  
  
  
  
  
  
  


  

    GeeksForGeek     s

  

DataTables scrollX Option

                                                                                                                                                                                                                                                                                                                                                                                                 
Registration IDFull NameAge at RegistrationFull AddressPhone Number
1Sam Fisher35Earth, Galaxy01234344043
2Jack the Ripper30Earth, Galaxy0124334043
3Reaper the Leviathan454546B0189994043
4Ghost the Leviathan1054546B0123489043
5Robby the Robber19Mars68898988
  


输出:

示例 2:此示例禁用 DataTable 的水平滚动。

HTML



  
  
  
  
  
  
  
  


  

    GeeksForGeek     s

  

DataTables scrollX Option

                                                                                                                                                                                                                                                                                                                                                                                                 
Registration IDFull NameAge at RegistrationFull AddressPhone Number
1Sam Fisher35Earth, Galaxy01234344043
2Jack the Ripper30Earth, Galaxy0124334043
3Reaper the Leviathan454546B0189994043
4Ghost the Leviathan1054546B0123489043
5Robby the Robber19Mars68898988
  

输出: