We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Column manual resizing features not working

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"
                                    }]
                                }
                            });

9 Replies

VN Vignesh Natarajan Syncfusion Team February 8, 2019 02:34 AM

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. 


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 
 



JD John D Lamarsh February 9, 2019 07:04 PM

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.




JD John D Lamarsh February 9, 2019 07:06 PM



VN Vignesh Natarajan Syncfusion Team February 11, 2019 05:31 AM

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 14th 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> 
 
 
Regards, 
Vignesh Natarajan 



JD John D Lamarsh February 11, 2019 01:30 PM

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.


VN Vignesh Natarajan Syncfusion Team February 12, 2019 08:03 AM

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 14th February 2019 as promised . Till then we appreciate your patience. 
 
Regards, 
Vignesh Natarajan 



VN Vignesh Natarajan Syncfusion Team February 19, 2019 06:10 AM

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).   


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 

 



JD John D Lamarsh April 15, 2019 12:45 PM

Vignesh,

Fix is working with jquery 3.3.1 syncfusion 17.00.15.0.38.

Thanks,

John


VN Vignesh Natarajan Syncfusion Team April 16, 2019 06:32 AM

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. 
 


Loader.
Live Chat Icon For mobile
Up arrow icon