Datatable combo align right

Webix JS
#1

Hi team,

Is it possibe to set align right to combo options in a datatable please ?

https://snippet.webix.com/4kgj94an

#2

you need to create custom editor or implement a patch like this.

  on:{
    onAfterEditStart: function(cell){
      if(cell.column == "vat"){        [].forEach.call(this.getEditor().getPopup().$view.getElementsByClassName("webix_list_item"), item=>{
          item.style.textAlign = "right";
        })
      }
    }
  }

https://snippet.webix.com/ln3c5za2

#3

thankyou very much @intregal

https://snippet.webix.com/bjpybrq3

And is it possible to righ align in the input editor field please ?

#4

https://snippet.webix.com/y34hnx66

#5

when double click on combo box, the content align left again ? what’s happened ?

#6

@duynq2197
good catch.
this is because of rendering logic.
to prevent that we need a bit deeper implementation.
https://snippet.webix.com/36bay1hy
we need to remove class because the same popup is reused on each combo editor during app lifetime.

#7

Love this!

#8

Thank you very much @intregal !