order column contains only number

frontend-js/src/main/js/gui/leftPanel/OverlayPanel.js

@@ -329,7 +329,7 @@ OverlayPanel.prototype.overlayToDataRow = function (overlay, checked, disabled)
     result[4] = "";
   }
   if (overlay.getDescription() !== "") {
-    for (var i = 0; i < result.length; i++) {
+    for (var i = 1; i < result.length; i++) {
 
       result[i] = "<div class=\"minerva-tooltip\">" + result[i] +
         "<span class=\"minerva-tooltip-text\">" + overlay.getDescription() + "</span>" +
@@ -579,6 +579,7 @@ OverlayPanel.prototype.init = function () {
   var table = $(this.getControlElement(PanelControlElementType.OVERLAY_CUSTOM_OVERLAY_TABLE)).DataTable({
     columns: [{
       title: 'No',
+      type: 'num',
       className: "no_padding"
     }, {
       title: 'Name'
@@ -605,8 +606,18 @@ OverlayPanel.prototype.init = function () {
 
     for (var i = 0, ien = diff.length; i < ien; i++) {
       var rowData = table.row(diff[i].node).data();
-      var overlayId = $(rowData[2]).attr("data");
-      promises.push(self.updateOverlayOrder(overlayId, diff[i].newData));
+      var checkbox = $("[type='checkbox']", rowData[2])[0];
+      if (checkbox === undefined) {
+        checkbox = rowData[2];
+      }
+      var overlayId = parseInt($(checkbox).attr("data"));
+      var order;
+      if (Functions.isInt(diff[i].newData)) {
+        order = diff[i].newData;
+      } else {
+        order = parseInt($.parseHTML(diff[i].newData)[0].innerHTML);
+      }
+      promises.push(self.updateOverlayOrder(overlayId, order));
     }
     promises.push(self.getMap().redrawSelectedDataOverlays());
     return Promise.all(promises);
@@ -619,7 +630,7 @@ OverlayPanel.prototype.init = function () {
  *
  * @param {number} overlayId
  * @param {number} order
- * @returns {PromiseLike}
+ * @returns {Promise}
  */
 OverlayPanel.prototype.updateOverlayOrder = function (overlayId, order) {
   var self = this;