Grid createwidget input

[dan123Participant]

I have this jqxgrid and i added a createwidget to insert a input tag. I am facing issue where whenever i scroll down or do any sorting, filtering, or refresh. the input field is acting strange.

For example
On grid lets say i entered in ‘Test’ in the Productname column, and if i start scrolling down. Notice the input fields scrolls down with it as well.

When i scroll down it should scroll normally. If there is a workaround that will be helpful. I did try the createeditor method, but i don’t want to use that since i have to double click the cell to edit something.

Here is my jsfiddle:
http://jsfiddle.net/4sgw6afn/

[MartinParticipant]

Hello dan123,

Please note that createwidget callback is used to create a custom read-only column which displays widgets in the cells.
For your purpose you should use createeditor. You can set the grid’s editmode to ‘click’ so you don’t have to double click the cell to start editing.
Please, take a look at the following Example.

Best Regards,
Martin

jQWidgets Team
https://www.jqwidgets.com/

[dan123Participant]

Hi Martin
So other reason why i wanted to do is because i have the row lines and column lines hidden. But is there
Any way to make the last column ‘product name’ on the grid to have cell borders through CSS? So on readyonly and Edit modes atleast it looks like a input field

Here is my jsfiddle:
https://jsfiddle.net/so365wyv/2/

• This reply was modified 3 years, 2 months ago by  dan123.

[MartinParticipant]

Hi dan123,

You could use cellsrenderer to display an input field in the Product column.
Please, take a look at the following Example.

Best Regards,
Martin

jQWidgets Team
https://www.jqwidgets.com/

[Author]

Posts