Column width issue

Tags: #<Tag:0x00007f8b19d75ba8>
#21

Hey @krishnappa

does that mean that you have replicated the bug in the JSFiddle or you’ve find the reason and fixed it?

#22

In my application, I’ve created the separate ts file for before change method, In that i’ve invoking that method, that’s causing problem(means that method is not realizing the control )

#23

Is there anything I can do to help?

#24

no…Thank you

1 Like
#25

Sorry mam…one more issue is there…
Please find the below screenshot.

navigateIsuue.PNG1287×104 7.43 KB

When i navigate to my screen, Above the nested header one small row is created and when i click on the header that small row is gone and it’s displaying fine. i’m not getting this is css issue or nested header issue…please help me.

#26

It does not happen in our official demo https://handsontable.com/docs/6.2.2/demo-nested-headers.html

Can you share your nestedHeaders settings?

#27 
let nestedHeaders = [
  ['', { label: this.timelogHTableProperties.headerName, colspan: 8 }],
  [
    "Event",
    {
      label: '<div style="width:170px; margin:auto; ">' + (fuelGradeNames[0] ? fuelGradeNames[0] + " / " +
        ((!!namesOfBunkerTanker[0]) ? namesOfBunkerTanker[0] : "") : "") + '</div>', colspan: 2
    },
    {
      label: '<div style="width:170px; margin:auto;">' + (fuelGradeNames[1] ? fuelGradeNames[1] + " / " +
        ((!!namesOfBunkerTanker[1]) ? namesOfBunkerTanker[1] : "") : "") + '</div>', colspan: 2
    },
    {
      label: '<div  style="width:170px; margin:auto;" >' + (fuelGradeNames[2] ? fuelGradeNames[2] + " / " +
        ((!!namesOfBunkerTanker[2]) ? namesOfBunkerTanker[2] : "") : "") + '</div>', colspan: 2
    },
    {
      label: '<div  style="width:170px; margin:auto;">' + (fuelGradeNames[3] ? fuelGradeNames[3] + " / " +
        ((!!namesOfBunkerTanker[3]) ? namesOfBunkerTanker[3] : "") : "") + '</div>', colspan: 2
    },

  ],
  [
    "",
    { label: "Date", colspan: 1 },
    { label: "Hours", colspan: 1 },
    { label: "Date", colspan: 1 },
    { label: "Hours", colspan: 1 },
    { label: "Date", colspan: 1 },
    { label: "Hours", colspan: 1 },
    { label: "Date", colspan: 1 },
    { label: "Hours", colspan: 1 }
  ]

];
#28

do you get any data from the this.timelogHTableProperties.headerName variable? It looks like this one’s missing.

#29

ok, i’ll check the data is coming or not in that variable

#30

Great. Please let me know what you get there.

#31

some time data is coming undefined in that variable.

#32

Mam, How to prevent drag option for particular column means how to apply fillhandle for particular column. Please help me.

#33

That is currently unavailable.

You can track the progress on that case here https://github.com/handsontable/handsontable/issues/4441 as the beforeAutofill hook is the one that controls the data being populated when a user uses fillhandle.

#34

Hi,
i’ve created one validator function, In that i need row index like in which cell that validator is focusing i need to get that row index. please help.

#35

Can you share a demo with your recent progress?

#36

https://jsfiddle.net/29hzjf4L/2/
In E-mail column there is a value ’ krishna ’ is there you just double click on that cell and then try to click on any other cells that focus i’ll not move to any other cell.
My requirement is, In which cell that validator is focusing i need that row index in validator function

#37

Please leave above question we can discus later.
If you don’t mind i’ve one more question, Please find below like.
https://jsfiddle.net/p5j8xzu4/1/
In the handsontable first column as numeric and i’ve given a numeric format ‘0.00’. In this column if i pass 2.2 and after leaving that cell the value format i’ll be changed to ’ 2.20’. There is no issue every thing is working fine.
But I need to know when numbro method is called and where numbro method is called in handsontable jar (@Handsontable nodemodule). Please help me.

#38

Hey @krishnappa

it is called in the renderers/numericRenderer.js
formatting moment https://github.com/handsontable/handsontable/blob/4a4833e62f215354e1668fa80a5ac2fc2598abf6/src/renderers/numericRenderer.js#L39
and couple of lines bove we’re preparing the culture

#39

thank you.

#40

You’re welcome.

I believe that we can close the topic.
Feel free to open a new one if you have any additional questions.