Erase icon in a datatable text editor

Webix JS
#1

Hi team,

Is it possible to put an icon to erase the cell at the rigth of a datatable text editor just at the moment entered in the cell please ?

https://snippet.webix.com/yelm0eg4

Regards,
Xavier

#2

a litle bit like this
https://snippet.webix.com/ifrg2pae

but in a datatable cell

#3

it could be at the left of the cell too

#4

Hi man :slight_smile:

Not clean, but you can play with something like this

https://snippet.webix.com/hnm2ym7x

#5

Hi @franck34

Thank you very much

Here i changed the CSS
https://snippet.webix.com/ahzf6w7s

How set the focus after the erase button clickked please ?

#6

hi, just add input.focus();

input.value = '';
input.focus();
#7

fine !

https://snippet.webix.com/jjk14hey

Thankyou very muck @franck34

1 Like
#8

Cool.

You can use mdi icons btw

const resetButton = webix.html.create(
  "div",
  { class:"resetButton" },
  '<span class="mdi mdi-close"></span>'
);
#9

Perfect @franck34 !

https://snippet.webix.com/3133f8qi

1 Like