[Solved] Some Queries about Grid

[Kapil Koli]

Hi,
I have some queries regarding telerik grid as follows:
1.    How to set the height of header row?
2.    How to set the height of overall grid?
3.    How to apply scroll bar "on demand"? If the contents of grid goes beyond the standard height, the vertical scrollbar should appear, otherwise it would be always kept hidden(not disabled).
4.    How to scroll the header row on horizontal scrollbar movement? By default, only contents of grid are being scrolled on horizontal scrolling.
5.    I have used .filterable() but the filters in header row are not showing any provision for filtering. How to achieve it?

Appreciating your help.

Thanks,
Kapil

[Atanas Korchev]

Hello Kapil Koli,

1. By using CSS 
   div.t-grid .t-header
   {
          line-height: 20px;
   }
2. You can use the HtmlAttributes method:
   Grid().HtmlAttributes( new { style="height:400px"})
   To set the scrollable area height use the Height property of the scrolling settings:
   Grid().Scrollable(scrolling => scrolling.Height(400))
3. Unfortunately this is not possible
4. Make sure you have a ScriptRegistrar component defined in your master page.
5. The same as 4. A ScriptRegistrar component is required for all client-side features of the grid.

Regards,
Atanas Korchev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Kapil Koli]

Thanks for your quick response.
Can you explain the answer for query 4 in more details.

Appreciating your response.

Thanks,
Kapil

[Atanas Korchev]

Hi Kapil Koli,

Every Telerik UI component requires a ScriptRegistrar component to be defined in your page. You can find more info in this help topic. Check section #4.

All the best,
Atanas Korchev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Kapil Koli]

Thank you again Atanas for the quick reply.
Now one last thing, I want to ask is about setting the header row's height.
You have said to add following to CSS
div.t-grid .t-header
{
       line-height: 20px;
}
But where should i add it - to common.css or to the theme's css.

Thanks,
Kapil

[Atanas Korchev]

Hello Kapil Koli,

It does not matter as long as this rule is added to some CSS file loaded in your page.

Regards,
Atanas Korchev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Kapil Koli]

Thanks a lot.

[Vincent Girard]

As for number 2, I think it's also good to say that if you want the scrollable zone to be inside the grid you should set the height to your grid height - 90.

As an exemple :  .HtmlAttributes(new { style="height:600px;"})

                     .Scrollable(scrolling => scrolling.Height(510))

I might be wrong, maybe it's an other style sheet that set some padding to my grid row so, sorry if I am.