如何使用 jQuery DataTables 插件从 JavaScript 数组加载数据？

DataTables是一个现代 jQuery 插件，用于向我们网页的 HTML 表格添加交互式和高级控件。它是一个简单易用的插件，为开发人员的自定义更改提供了大量选项。 DataTable 插件的共同特点是分页、多列排序、排序和搜索。

代码实现所需的预编译文件是

CSS :

https://cdn.datatables.net/1.10.22/css/jquery.dataTables.min.css

JavaScript :

//cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js

方法：遵循的方法是将动态数据传递给 dataTable，而不是传递来自任何文档的信息。采取的步骤如下。

为用户数据传递一个 JavaScript 数组dataSet ，其中包含姓名、职位、薪水和地址作为要使用的数据。
HTML table 与 table id 作为tableID 一起使用。
数据表是用表 id 初始化的。
在脚本部分，JS 数组通过使用data选项传递。
甚至列也是使用columns.title选项动态创建的。

示例：以下示例演示使用插件从数据表中的 JavaScript 数组加载数据。

HTML



  

    
  
    
  
    
    
  
     
     
  
      
     

  

    load data from JavaScript array using Datatables
  
    
    
        
            
                
                
                
                
                                
            
        
    User name Designation Salary Address City

输出：

执行前：

执行后：