anchor.diff:                          }
                       },
                       {
  -                        "mData": "requiredDay", 'sWidth': '100px',
  -                        "render": function (data, type, row, id) {
  -                            if (row.requiredDay != null) return row.requiredDay;
  -                            return messageResource.get('approve.delivery.day.column.msg', 'configMessageForUI');
  -                        }
  -                    },
  -                    {
  -                        "mData": "wipStatus",
  +                        "mData": "wipStatus",'sWidth': '180px',
                           "render": function (data, type, row, id) {
                               if (row.wipStatus == messageResource.get('approval.status.approve.done', 'configMessageForUI')) return messageResource.get('request.status.wait.done', 'configMessageForUI');
                               return " ";
                           }
                       },
                       {
  -                        "mData": "deliverDate",
  +                        "mData": "requiredDay", 'sWidth': '30px',
                           "render": function (data, type, row, id) {
  -                            if (row.deliverDate != null && row.status == messageResource.get('approval.status.approve.done', 'configMessageForUI')) return requiredDays(row.deliverDate,row.updatedOn);
  -                            return  messageResource.get('approve.delivery.day.column.msg', 'configMessageForUI');
  +                            if (row.requiredDay != null) return row.requiredDay;
  +                            return messageResource.get('approve.delivery.day.column.msg', 'configMessageForUI');
  +                        }
  +                    },
  +                   {
  +                        "mData": "deliverDate",'sWidth': '30px',
  +                        "render": function (data, type, row, id) {
  +                            if (row.deliverDate != null && row.status == messageResource.get('approval.status.approve.done', 'configMessageForUI')) return requiredDays(row.deliverDate, row.updatedOn);
  +                            return messageResource.get('approve.delivery.day.column.msg', 'configMessageForUI');
                           }
                       },
                       {
  -                        "mData": "docPath",
  +                        "mData": "docPath",'sWidth': '80px',
                           "render": function (data, type, row, id) {
                               var mainPath = document.origin + "/PG";
                               return '<a href="' + mainPath + row.docPath + '" download>' + 'Download</a>'
  
positive.code:                 "sAjaxDataProp": "",
                  "order": [[0, "asc"]],
                  'aoColumns': [
                      {"mData": "name", 'sWidth': '200px'},
                      {"mData": "description", 'sWidth': '300px'},
                      {"mData": "company.name", 'sWidth': '250px'},
                      {"mData": "product.name", 'sWidth': '250px'},
                      {"mData": "category.name", 'sWidth': '250px'},
                      {
                          "mData": "wipStatus",
                          "render": function (data, type, row, id) {
                              if (row.wipStatus == messageResource.get('approval.status.approve.type.checkedBy', 'configMessageForUI')) return messageResource.get('request.status.wait.checkedBy.approval', 'configMessageForUI');
                              if (row.wipStatus == messageResource.get('approval.status.approve.type.itCoordinatorBy', 'configMessageForUI')) return messageResource.get('request.status.wait.IT.acknowledgement', 'configMessageForUI');
  
negative.code:                                     <thead>
                                      <tr>
                                          <th width="200px">Name</th>
                                          <th width="420px">Description</th>
                                          <th width="250px">Company</th>
                                          <th width="250px">Product</th>
                                          <th width="250px">Category</th>
                                          <th width="420px"> Status</br>(Waiting)</th>
                                          <th width="200px"> Status</br>(Done)</th>
                                          <th width="40px"> Days</br>(Asking)</th>
                                          <th width="40px"> Days</br>(Required)</th>
                                          <th width="100px">Attachment</th>
                                      </tr>
                                      </thead>
                                  </table>
  