Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
dang hoi
15
IgGrid -> Scoll none display
posted

I have source code:

$("#igGridLog").igGrid({
width: '100%',
height: '500',
features: [
{
name: "Paging",
type: "local",
pageSize: 10
},
{
name: "Sorting",
type: "local"
},
{
name: "Resizing",
deferredResizing: false,
allowDoubleClickToResize: true
},
{
name: "Filtering",
type: "local",
filterDropDownItemIcons: false,
filterDropDownWidth: 200
}
],
rowVirtualization: true,
dataSource: dataSource,
columns: columns
});

When runing with data: 29 record

+ Case 1 : page size = 10  => display 10 record  -> scroll none display (OK)

+ Case 2 : page size = 20  => display 14 record  -> scroll none display (NG)

+ Case 3 : page size = 25  => display 14 record  -> scroll none display (NG)

+ Case 4: page size = 50  => display 29 record  -> scroll display (OK)

So, Please support for me to display data, scroll with case 2 and case 3

Detail : www.youtube.com/watch

  • 200
    Offline posted

    Hello Dang,


    Thank you for the video example you have sent.

    I noticed that the measurement for the height option of the grid (% or px) is not set. This leads to the unexpected behavior with the vertical scrollbar. If you add pixels to the number set for height the grid behaves as expected and adds the correct number of rows when pageSize option is changed. Height can be set as following:

    height: '500px'

    Please let me know if you have any additional questions.