[SPARK-29857][WEB UI] Defer render the spark UI dataTables

### What changes were proposed in this pull request?
This PR support defer render the spark UI page.
### Why are the changes needed?
When there are many items, such as tasks and application lists, the renderer of dataTables is heavy, we can enable deferRender to optimize it.
See details in https://datatables.net/examples/ajax/defer_render.html
### Does this PR introduce any user-facing change?
No.
### How was this patch tested?
Not needed.

Closes apache#26482 from turboFei/SPARK-29857-defer-render.

Authored-by: turbofei <[email protected]>
Signed-off-by: Sean Owen <[email protected]>

Author: turboFei

core/src/main/resources/org/apache/spark/ui/static/executorspage.js

@@ -462,7 +462,8 @@ $(document).ready(function () {
                         {"visible": false, "targets": 5},
                         {"visible": false, "targets": 6},
                         {"visible": false, "targets": 9}
-                    ]
+                    ],
+                    "deferRender": true
                 };
 
                 execDataTable = $(selector).DataTable(conf);

core/src/main/resources/org/apache/spark/ui/static/historypage.js

@@ -177,6 +177,7 @@ $(document).ready(function() {
             {name: 'eventLog'},
           ],
           "autoWidth": false,
+          "deferRender": true
         };
 
         if (hasMultipleAttempts) {

core/src/main/resources/org/apache/spark/ui/static/stagepage.js

@@ -880,7 +880,8 @@ $(document).ready(function () {
                         { "visible": false, "targets": 16 },
                         { "visible": false, "targets": 17 },
                         { "visible": false, "targets": 18 }
-                    ]
+                    ],
+                    "deferRender": true
                 };
                 taskTableSelector = $(taskTable).DataTable(taskConf);
                 $('#active-tasks-table_filter input').unbind();