3 Answers, 1 is accepted
Hello Ranjit,
Tables rows always expand vertically, so that all contents inside fits. The only way to supress this is to wrap the cell content in containers with a fixed height and an overflow style. In other words, use an Editor template. Please refer to the offline MVC Grid demos, which show how to do that. Another option is to use a popup edit form.
On a side note, I am not aware of your scenario and it is not clear why the layout change occurs in your case.
Dimo
the Telerik team
Rank 1
Thanks for your reply. Actually I faced one trouble in Gridview that when I click the edit button that row extends horizontally, which overlaps the right side content of that page. so we decided to create a ajax form with partial view concept for editing the model. In grid view we added a edit button when it will be clicked that record will be edited in an ajax form. And i think you also recommended the same thing in your reply. all we wanted is the width of the row which will be in edit mode should be same as the previous grid view row with non editable mode. I have attached 2 pic. you see it.
Kendo Grid view looks so cool. It actually sucks.
Thanks and Regards
Ranjit Swain
Please try one of the following:
1) Enable Grid scrolling via .Scrollable().
2) Apply a fixed table layout to the Grid table via external CSS or via TableHtmlAttributes()
Options 1) and 2) above are similar (scrolling sets fixed table layout) and they will work if the edit textboxes have no explicit large pixel widths applied. If this is the case...
3) Modify the CSS selectors in your stylesheets, so that the edit textboxes do not receive width styles. They have width styles from the Kendo stylesheets, which should do the job.
If you need further assistance on this matter, I will need a runnable demo to check what influences the Grid apperance.
Finally, please bear in mind that we do not tolerate offensive language in our forums.
Dimo
the Telerik team