数据表处理选项

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

处理选项用于指定是否启用处理指示器。当 DataTable 忙于执行需要一些时间的操作时，会显示此指示器。这对于具有大量数据并且需要大量时间来执行任何操作的表很有用。该指示器将能够通知用户操作正在进行并且没有卡住。真值显示指标，假值将其移除。

句法：

{ processing: value }

选项值：此选项具有单个值，如上所述，如下所述：

• value：这是一个布尔值，指定是否启用处理指示器。默认值为假。

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

示例 1：此示例启用在对列进行排序时可以看到的处理指示器。

HTML

  

    
    
    
  
    
    
  
    
    
    

  

    
        GeeksForGeeks
    
    DataTables processing Option
  
    
    
    
  
    
  
        // Initialize a huge dataset to 
        // see the effects of processing
        let dataset = [];
        for (let i = 0; i < 250000; i++) {
            let newArr =
                [i, "Random Data: " + i, Math.random()];
            dataset.push(newArr);
        }
  
        // Initialize the DataTable
        $(document).ready(function () {
            $('#tableID').DataTable({
  
                // Add the data created above
                data: dataset,
                columns: [
                    { title: "Index" },
                    { title: "String Index" },
                    { title: "Random" },
                ],
  
                // Enable the processing indicator
                // of the DataTable
                processing: true,
            });
        });
    

  

输出：

示例 2：此示例禁用处理指示器。

HTML

  

    
    
    
  
    
    
  
    
    
    

  

    GeeksForGeeks
    DataTables processing Option
  
    
    
    
  
    
  
        // Initialize a huge dataset to 
        // see the effects of processing
        let dataset = [];
        for (let i = 0; i < 250000; i++) {
            let newArr =
                [i, "Random Data: " + i, Math.random()];
            dataset.push(newArr);
        }
  
        // Initialize the DataTable
        $(document).ready(function () {
            $('#tableID').DataTable({
  
                // Add the data created above
                data: dataset,
                columns: [
                    { title: "Index" },
                    { title: "String Index" },
                    { title: "Random" },
                ],
  
                // Disable the processing indicator
                // of the DataTable
                processing: false,
            });
        });
    

  

输出：