Line height problems

[thibault fouillat]

Hello,

I have a problem with the line height of my grids. I'm working with a grid witch is in a partial view.

I set the grid datasource dynamically but the grid itself does not change. Between two partial load my line height change, I tried to set it by css but noting works, line height changes all the same. I don't understand why this happens.

This is my grid code:

@(Html.EJ().Grid<object>("FlatGrid")

            .Datasource((System.Data.DataTable)ViewBag.dataSource)

            .AllowScrolling()

            .AllowPaging()

            .PageSettings(p => { p.PageSize(10); p.PageSizeList(new List<int>() { 10, 20, 50, 100 }); })

            .EnableAltRow(false)

            .ScrollSettings(col => { col.Width("95%").Height("auto"); })

            .ShowColumnChooser()

            .AllowMultiSorting()

            .AllowSorting()

            .AllowReordering()

            .AllowFiltering()

            .AllowResizing()

            .IsResponsive()

            .MinWidth(1)

            .AllowSelection()

            .SelectionType(SelectionType.Multiple)

            .ClientSideEvents(evt => evt.QueryCellInfo("queryCellInfo"))

            .FilterSettings(filter => { filter.FilterType(FilterType.Excel); })

            .ToolbarSettings(toolbar =>

            {

                toolbar.ShowToolbar(true)

                .CustomToolbarItems(new List<object>()

                {

                    //"Expand",

                    //"Collapse",

                    //new Syncfusion.JavaScript.Models.CustomToolbarItem() { TemplateID = "#Refresh" },

                    new Syncfusion.JavaScript.Models.CustomToolbarItem() { TemplateID = "#buttonAjout" },

                    new Syncfusion.JavaScript.Models.CustomToolbarItem() { TemplateID = "#buttonDetail" },

                    new Syncfusion.JavaScript.Models.CustomToolbarItem() { TemplateID = "#buttonDelete" },

                })

                .ToolbarItems(items =>

                {

                    items.AddTool(ToolBarItems.Search);

                    items.AddTool(ToolBarItems.Add);

                    items.AddTool(ToolBarItems.Update);

                    items.AddTool(ToolBarItems.Cancel);

                    items.AddTool(ToolBarItems.ExcelExport);

                    items.AddTool(ToolBarItems.WordExport);

                });

            })

            .ClientSideEvents(evt => evt.ToolbarClick("onToolbarClick"))

            .Columns(ViewBag.cols)

)

I put images to show that problem in attached files.

Attachment: grid_line_height_d96cadde.7z

[Vignesh Natarajan]

Hi Thibault, 

 

Thanks for using Syncfusion products 

 

Query: “I have a problem with the line height of my grids” 

 

Before proceeding with your query we need some clarification regarding your requirement. so kindly share the following details which will be helpful in reproducing the reported issue at our end. 

 

1.       Share the details how you are updating the Grid dataSource (eg. dataSource method or any other method.)  

2.       Share the detail whether you are destroying the previous grid before showing the current Grid. 

3.       Share the video demonstration of the issue. 

4.       Share the screenshot for the script error in the console window  (if any) 

5.        You have mentioned about two partial view but you did not share the detail regarding the second Grid. whether the AllowTextWrap is enabled in second Grid.  

 

 

Regards, 

Vignesh Natarajan 

[thibault fouillat]

Hi,

1. My grid is in a partial view, grid code was shared in my previous message and it is still the same.

2. As I said, my grid is in a partial view : so there is not creation or destruction, only replacment.

3. I can't create and share a video. You can see in joined screenshots the issue with rows' height.

4. I don't have any errors in console window.

5. The other partial view does not have a grid but just basic HTML.

All  grid's loadings are using the same partial. I have the same issue even if I don't use partial.

How can I fix grid's line height definitely ?

Regards

[Thavasianand Sankaranarayanan]

Hi Thibault, 

We have analyzed your query and we are unable to reproduce your reported issue “Grid row line height get changed” from our end. This problem may arise when you have any template column in Grid.so, if you have any template column Grid then share those detail. 

We have prepared a sample and it can be downloadable from the below location. 

Sample: https://www.syncfusion.com/downloads/support/forum/136565/ze/SyncfusionMvcApplication11_(6)-1839205124.zip 

Please provide the following details for better assistance. 

1. Share an video demonstration of the issue.
2. Exact or proper replication procedure to reproduce the issue.
3. If possible share the issue reproducible sample or reproduce the issue in the attached sample.
4. Share Essential Studio version and browser version details.
5. You have mention query cell info event in your sample what you have done in that event ?

Regards, 

Thavasianand S.