Column manual resizing features not working

[John D Lamarsh]

Hi,

I have a dynamically populated grid with no explicit column declarations (don't know if that's relevant), but "allowResizing" and "allowResizingToFit" settings don't seem to work.  At times the correct cursor shows in the column header, and can be used once, others not at all, with no apparent problems in the browser console.

$('#data_table_grid').ejGrid({

                                dataSource: self.dataSource(),

                                allowResizing: true,                                

                                allowResizingToFit: true,

                                allowSorting: true,

                                allowPaging: true,

                                allowTextWrap: true,

                                selectedRowIndex: self.selectedRow(),

                                pageSettings: { currentPage: self.currentPage(), pageSize: 8 },

                                allowScrolling: true,

                                allowGrouping: true,

                                scrollSettings: { width: '100%' },

                                enableStrictMode: true,

                                isResponsive: true,

                                toolbarSettings: {

                                    showToolbar: true,

                                    customToolbarItems: [{

                                        templateID: "#custom_export"

                                    }]

                                }

                            });

[Vignesh Natarajan]

Hi John D, 

Thanks for contacting Syncfusion Support. 

Query#:- At times the correct cursor shows in the column header, and can be used once, others not at all, with no apparent problems in the browser console. 

From your query, we suspect that you are facing issue column width with auto generated column. We have checked your reported problem and prepared sample as per your code example but we are unable to reproduce your reported problem at our end. 

Sample Link:- https://jsplayground.syncfusion.com/sluvrv00 

We need some additional information to find the cause of the issue. Please share us the following details. 

1. Screenshot/Video Demo to replicate the issue.
2. Exact issue you have faced.
3. Essential Studio product version details.(xx.x.x.xx)
4. If possible replicate the issue in the above sample and revert us back.

Regards, 

Vignesh Natarajan 

 

[John D Lamarsh]

Hi Vignish,

Thanks for your response.  I've upgraded to version 16.4.0.52.  Video is attached, and as you can see the refit cursor is not activated in the column header.  No console error, and in Chrome latest version 72.0.3626.96.

[John D Lamarsh]

Attached video

Attachment: Brokercore__Google_Chrome_20190209_170233_a8b30d26.7z

[Vignesh Natarajan]

Hi John D, 

 

Thanks for the update. 

 

We can reproduce your problem at our end and confirmed it is bug. We have logged defect report “Resizing cursor icon changed while on resizing” and the fix for the issue will be included in our upcoming release 2019 Volume 1 which is expected to rolled out at the end of March 2019. 

 

We can also provide custom patch on 14^th Feb 2019. 

 

Till then kindly use workaround below.  

 

<style> 

    .e-grid th.e-headercell.e-draggable { 

        cursor: col-resize !important; 

    } 

</style>   

   <div id="Grid"></div> 

             

    <script type="text/javascript"> 

               $(function () { 

                    $("#Grid").ejGrid({ 

                        dataSource: window.gridData, 

                        allowReordering: true, 

                        allowResizing: true, 

                    }); 

                }); 

 

 

    </script> 

</body> 

 

Sample Link:- https://jsplayground.syncfusion.com/oogfzxpj 

 

Regards, 

Vignesh Natarajan 

[John D Lamarsh]

Thank you for the very timely responses!  I've tried the work-around and the cursor for resize drag, or autoresize double-click seems to work once, then it seems to clash with drag-and-drop column reorder, and grouping functionality.

[Vignesh Natarajan]

Hi John, 

 

Thanks for the update. 

 

We have validate the reported query and we are able to reproduce the reported behavior at our end with the provided workaround. So we will provide the custom patch for the reported issue on 14^th February 2019 as promised . Till then we appreciate your patience. 

 

Regards, 

Vignesh Natarajan 

[Vignesh Natarajan]

Hi John,  

Thanks for the patience. 

We are glad to inform you that issue “Resizing cursor icon changed while on resizing”  has been fixed and it will be included in our upcoming release 2019 Volume 1 which is expected to be rolled out in the month of March 2019. 

Till then kindly refer the below link for the patch (16.4.0.52).   

Patch Link:- http://www.syncfusion.com/downloads/support/forum/142537/ze/assets-649467060.zip 

Please replace the custom script file “ej.web.all.min.js”  or “ej.grid.min.js” ( while using individual script)  available in the following location in your application to reflect the changes. Also change the ej.widget.core.css file to reflect the CSS changes. 

 

Note: ensure to clear that cache before running the sample again.  

 

Please get back to us if you need any further assistance. 

Regards, 

Vignesh Natarajan 

 

[John D Lamarsh]

Vignesh,

Fix is working with jquery 3.3.1 syncfusion 17.00.15.0.38.

Thanks,

John

[Vignesh Natarajan]

Hi John,  

 

Thanks for the acknowledgement.  

 

We are glad to hear that your query has been resolved in latest version. 

 

Please get back to us if you have further queries. 

 

Regards, 

Vignesh Natarajan.