When I moving column the col data was mixed

Tags: #<Tag:0x00007efc6525dc40>
#1

when I moving column the col data was mixed. I need help or guide.

class ChangeableColumnLinkPreservedTable extends Component {
  constructor(props) {
    super(props);
    this.hotSettings = {
      data : [
        [false,"HBD064290","01S2749410020","","JS-SS400","","","","", "","","",""],
        [false,"HBD064291","01S2749410021","","JS-SS400","","","","", "","","",""],
        [false,"HBD064292","01S2749410020","","JS-SS400","","","","", "","","",""]
      ],
      colHeaders : ["","단위구분","단위구분내용","지시본수", "이론중량","지시길이","생산본수","처리량","생산량","생산길이","잔류본수","예열제본수","예열제중량"],  
     
      columns: [
        {
          data : "",         
          type : "checkbox",
          className : "htCenter"
        },
        {
          renderer: function(instance, td, row, col, prop, value, cellProperties) {
            const escaped = Handsontable.helper.stringify(value);
            let a = null;

            
              a = document.createElement('A');
              a.href = `http://google.com/{value}`;
              a.target = "_blank";
              a.textContent = value;
               
              td.appendChild(a);
           
            return td;
          }
        },{},{},{},{},{},{},{},{},{},{},{}
      ],
      manualColumnMove: true,
      allowEmpty: true,
    };
  }

  render() {
    return (
      <div>
        <HotTable
          id="hot"
          settings={this.hotSettings}
        />
      </div>
    );
  }
}

export default ChangeableColumnLinkPreservedTable;

I tested the first column moving and then back to origin position. the column data was not preserved. that column’s data was shown next column data.

#2

Hi @sansolmom

please share a demo where this issue can be replicable. It will be much easier to debug the code if we could work on a live demo.

#3

https://jsfiddle.net/2hqpa7do/57/

here is my demo.
thanks for help.

#4

Thank you for sharing demo. I have replicated the issue. I will investigate this subject and be back soon.

#5

It looks like you’ve missed a renderer definition

Here is a fixed demo https://jsfiddle.net/xc7w4jbv/

Handsontable.renderers.TextRenderer.apply(this, arguments);

ps. I have changed the renderer construction a little bit as well.

Please let me know if it works for you.

#6

thanks so much. It’s works.

#7

Great. Thank you for confirmation.

I guess that we can close the topic.

#8