This is a migrated thread and some comments may be shown as answers.

How to get inline edit - apply and cancel options in the same row

3 Answers 121 Views
Grid
This is a migrated thread and some comments may be shown as answers.
yavnika
Top achievements
Rank 1
yavnika asked on 15 Sep 2016, 02:23 PM

hi team,

I have a kendo grid with inline edit. When I click on edit, my update and cancel buttons come in 2 rows and not side by side. How can I get them side by side. Currently the column width for edit is 100px. Also my grid has a lot of columns so I need the horizontal scroll. How can I set the edit width to auto and stil have update and cancel buttons side by side?

3 Answers, 1 is accepted

Sort by
0
Patrick | Technical Support Engineer, Senior
Telerik team
answered on 15 Sep 2016, 06:55 PM
Hello Yavnika,

From the description of your issue, it sounds like the content is not fitting in the column.  Therefore, the buttons wraps in the column.  I would suggest setting the width wider so the buttons fit.  You can see this approach in our inline editing demo.  You can also find more information about Columns Widths in our documentation.

I hope this clears things.

Regards,
Patrick
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
yavnika
Top achievements
Rank 1
answered on 19 Sep 2016, 07:44 AM

Hi Patrick,

My requirement is to make width as auto for most columns in the grid and not hard code them. Please let me know how this can be done in kendo grid.

 

Regards,

Yavnika

0
Patrick | Technical Support Engineer, Senior
Telerik team
answered on 20 Sep 2016, 03:24 PM
Hi Yavnika,

Please take a look at this documentation about Column Widths which will help you get a better understanding of how the Grid Columns are setup.

Pertaining to your requirements, the first section under Important notes states:
The Grid renders separate tables for the header and data area when scrolling is enabled. These tables need to have column widths that are synchronized. To ensure this, configure table-layout to fixed. As a result, it is not possible to have a scrollable Grid with automatic table layout—that is, automatic column widths, which depend on the cell content.

I hope this clears things.

Regards,
Patrick
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
Tags
Grid
Asked by
yavnika
Top achievements
Rank 1
Answers by
Patrick | Technical Support Engineer, Senior
Telerik team
yavnika
Top achievements
Rank 1
Share this question
or