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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to set pagination and horizontal scroll on a table and set tooltip to a cell.

Thread ID:

Created:

Updated:

Platform:

Replies:

130288 May 4,2017 11:21 AM UTC May 22,2017 10:24 AM UTC JavaScript 6
loading
Tags: ejGrid
Daniel Pujante
Asked On May 4, 2017 11:21 AM UTC

Hi,

I'm interested on setting the horizontal scroll and pagination.

I have a table with 'allowPaging : true' set and want to set horizontal scroll as well. Unfortunalety, when I do it, I see both scrolls, horizontal and vertical. Pagination doesn't work with vertical scroll, so I would like to Know how to match pagination an horizontal scroll (without vertical scroll).

And taking advantage, could you guide me how to set  a tooltip to a column's cells  showing the content which is always a text?

Thank you very much,

Regards,

Daniel Pujante

Seeni Sakthi Kumar Seeni Raj [Syncfusion]
Replied On May 5, 2017 08:51 AM UTC

Hi Customer,  
 
Thanks for contacting Syncfusion Support. 
 
We could see you are using the Command Column and checkbox selection in the Grid and facing some functionality problems in it. We have prepared a sample based on your response that can be downloaded from the following location.  
 
 
This sample enabled with a checkbox selection and Command Column feature. We are unable to reproduce any problem with their functionality. So, we suggest to provide the following details to analyze the problem at our end.  
 
1)      Complete code example of the Grid and code behind 
2)      Web.config and master page your application 
3)      Screenshot with replication procedure or video demo of the issue 
4)      If possible, modify the attached sample and reproduce the problem 
5)      Stack trace of browser console 
 
Regards,  
Seeni Sakthi Kumar S 


Seeni Sakthi Kumar Seeni Raj [Syncfusion]
Replied On May 5, 2017 08:57 AM UTC

Hi Customer,  
 
Please ignore our previous response.  
 
Query #1: Pagination doesn't work with vertical scroll  
 
We are unable to reproduce any problem at our end. We have rendered a Grid with the Paging as well as Scrolling and able to scroll the Grid. Please share the following details to analyze the problem at our end.  
 
1)      Code example of the Grid 
2)      Screenshot with the replication procedure for the issue 
3)      Stack trace of browser console (if any error) 
4)      If possible, modify the attached sample and share the link 
5)      Name of the browser  
6)      Version of the Essential Studio 
 
Query #2: tooltip to a column's cells 
 
Grid provides a default option to render the tooltip for Grid cells. It can be rendered using the, tooltip property of the Grid columns. Refer to the following code example and API Reference.  
 
    <div id="Grid"></div> 
    <script type="text/javascript"> 
        $(function () { 
            $("#Grid").ejGrid({ 
                dataSource: window.gridData, 
                    . . .  
                           . . . 
                columns: [ 
                             { field: "OrderID", headerText: "Order ID", tooltip: "{{:value }}" }, 
                             { field: "CustomerID", headerText: "Customer ID", tooltip: "{{:value }}" }, 
                 .. . .  
                         . .  
                ] 
            }); 
        }); 
    </script> 
 
 
 
Regards,  
Seeni Sakthi Kumar S. 


Daniel Pujante
Replied On May 17, 2017 03:08 PM UTC

Acording to "Query #1: Pagination doesn't work with vertical scroll", could you show me a simple example of  a grid with the property 'allowPaging:True' and using just horizontal scroll?, I would be very grateful.

Thank you very much,

Regards,

Daniel Pujante


Seeni Sakthi Kumar Seeni Raj [Syncfusion]
Replied On May 18, 2017 04:32 AM UTC

Hi Daniel,  
 
We have already given sample in our previous update. Pease refer to it.  
 
 
If you are facing any problem, please share the details requested in our previous update.  
 
Regards,  
Seeni Sakthi Kumar S. 


Daniel Pujante
Replied On May 19, 2017 06:49 AM UTC

Hi,

Mainly, Thank you very much for your attention.

Yes , the example is just what I want, but I need this without vertical scroll.

Regards,

Daniel Pujante

Seeni Sakthi Kumar Seeni Raj [Syncfusion]
Replied On May 22, 2017 10:24 AM UTC

Hi Daniel, 
 
We have modified the sample as per requirement. 
 
 
To remove the vertical scroller from the Grid, you must remove the height of the Grid scrollSettings. Refer to the following code example. 
 
    <div id="Grid"></div> 
    <script type="text/javascript"> 
        $(function () { 
            $("#Grid").ejGrid({ 
                dataSource: window.gridData, 
                scrollSettings: { width: 886 }, 
                allowScrolling: true, 
                  . . . 
                        . . 
            }); 
        }); 
    </script> 
 
Regards,  
Seeni Sakthi Kumar S. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;