幫我的datatables 新增每一個column都有filter的功能     function drawSCHTable(ParaTable) {
      var table = $('#SCHTable').DataTable({
        destroy: true,
        responsive: true,
        data: ParaTable,
        dom: '<"row"<"col-sm-6"l><"col-sm-6 d-flex justify-content-end"Bf> >' +
          '<"row"<"col-sm-12"tr>>' +
          '<"row"<"col-sm-12"p>>',
        lengthMenu: [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
        "language": {
          "lengthMenu": "Show _MENU_ Entries"
        },
        pageLength: 50,
        scrollY: "700px",
        paging: true,
        buttons: [
          'copy', 'csv', 'excel', 'pdf'
        ],
        stripeClasses: [],
        columnDefs: [
          { "width": "25%", "targets": -1, "wordBreak": "break-word" },
        ],
        columns: [
          {
            className: 'dt-control',
            orderable: false,
            data: null,
            defaultContent: '',
          },
          { data: "ListName", title: "Priority" },
          { 
            className: 'lot-id-cell',
            data: "lot_id", 
            title: "Lot ID",
            render: function(data, type, row) {
              if (type === 'display') {
                return '<span class="lot-id-content">' + data + '</span>';
              }
              return data;
            }
          },
          { data: "Purpose", title: "Purpose" },
          { data: "DID", title: "DID" },
          { data: "O_QTY", title: "O_QTY", className: "dt-body-left" },
          { data: "trav_step_seq_no", title: "Seq" },
          { data: "Current_Step_Name", title: "Current Step" },
          { 
            data: "Refresh_time", 
            title: "Current Time",
            render: function(data, type, row) {
              if (type === 'display' || type === 'filter') {
                var date = new Date(data);
                return date.getFullYear() + '-' + 
                       ('0' + (date.getMonth() + 1)).slice(-2) + '-' + 
                       ('0' + date.getDate()).slice(-2) + ' ' + 
                       ('0' + date.getHours()).slice(-2) + ':' + 
                       ('0' + date.getMinutes()).slice(-2) + ':' + 
                       ('0' + date.getSeconds()).slice(-2);
              }
              return data;
            }
          },
          { data: "equip_id", title: "Tool" },
          { 
            data: "MTAS", 
            title: "MTAS",
            render: function(data, type, row) {
              if (type === 'display') {
                var formattedValue = parseFloat(data).toFixed(2);
                var colorClass = parseFloat(data) >= 4 ? 'mtas-danger' : '';
                return '<span class="' + colorClass + '">' + formattedValue + '</span>';
              }
              return data;
            },
            className: "dt-body-center mtas-column"
          },
          { 
            data: "LotState", 
            title: "Lot Status",
            render: function(data, type, row) {
              if (type === 'display') {
                var colorClass = '';
                switch(data.trim()) {
                  case 'Hold':
                    colorClass = 'status-hold';
                    break;
                  case 'Processed':
                    colorClass = 'status-processed';
                    break;
                  case 'Waiting':
                    colorClass = 'status-waiting';
                    break;
                  case 'Committed':
                    colorClass = 'status-committed';
                    break;
                  case 'Running':
                    colorClass = 'status-running';
                    break;
                  case 'Staged':
                    colorClass = 'status-staged';
                    break;
                }
                return '<span class="status-cell ' + colorClass + '">' + data + '</span>';
              }
              return data;
            }
          },
          { 
            data: "User_Input_Information", 
            title: "User Input Info",
            render: function(data, type, row) {
              if (type === 'display') {
                var html = '<div class="user-input-container">';
                html += '<button class="btn btn-sm btn-add-input"><i class="fas fa-plus"></i></button>';
                
                if (data) {
                  html += '<div class="user-input-content">' + data;
                  
                  if (row.Insert_MES_Comment === "Done") {
                    html += ' <i class="fas fa-check-circle text-success" title="Done"></i>';
                  } else {
                    html += ' <i class="fas fa-question-circle text-secondary" title="Wait to insert"></i>';
                  }
                  
                  html += '</div>';
                } else {
                  html += '<div class="user-input-content">No Comment</div>';
                }
                
                html += '</div>';
                return html;
              }
              return data;
            }
          },
        ],
        order: [[1, 'asc']], // 按第二列（Priority）排序

      });  請幫我修改代碼