Padding only for fixedColumnsLeft column

Tags: #<Tag:0x00007f8b25966560>
#1

Hi,
Can i set different padding only for fixedColumnsLeft column? related to my previous question
and also currently when a user selects a cell then its column header get highlighted, how can i remove it and highlight complete row of selected cell with fixedColumnsLeft column?

#2

Hey @kbharambe

is the column always fixed or it is/can be changed? What padding (direction/value) would you like to add?

#3

one column will always be fixed to left side. as per my previous question i just want to add more padding / width for the fixed column.
At the same time i dont want fixed width for that column too.

#4

OK, so it would be this https://jsfiddle.net/9cbsnoa3/

line 21 adds a class to the column width.The rest is just CSS

#5

Thanks,

and Regarding my 2nd question, currently when a user selects a cell then its column header get highlighted, how can i remove it and highlight complete row of selected cell with fixedColumnsLeft column?

#6

column header get highlighted, how can i remove it

you can change the styling for the ht__highlight class.

body .handsontable .ht__highlight {
  background: #f0f0f0 !important;
}

demo: https://jsfiddle.net/bnsx49e5/

highlight complete row of selected cell with fixedColumnsLeft column

that would require a bit more coding. You’d need to use afterSelectionEnd hook to select the row. Unfortunately, I do not have a demo for that.

#7

Adding currentRowClassName: 'currentRow', to settings and adding background in CSS class did the trick

1 Like
#8

Great. Thank you for sharing an update.

#9