Hello Everyone,
To maintain a clean API, we have decided not to include a parameter for hiding the header row. Instead, we recommend using CSS to achieve this.
Regards,
Yanislav
Progress Telerik
Hello Everyone,
Thank you for your feedback on our product!
I'd like to understand more about your use case for this feature. As discussed, the header can be hidden using CSS, but I'm interested in learning more about how this feature could benefit you. Would you mind sharing some scenarios or situations where having this parameter would be particularly useful?
This information will help us determine whether or not to include this feature in our API. If it turns out that the purpose of this feature can be achieved with CSS, we may decide not to include it to preserve the API clear. However, we'd still like to hear more about your specific needs before making a final decision.
Thank you for taking the time to share your thoughts with us.
Regards,
Yanislav
Progress Telerik
Hi Andrew,
To achieve this, you may alter the CSS selector to target the headers of the parent Grid only.
Here is a runnable example demonstrating the approach: https://blazorrepl.telerik.com/mdOPdPut046FfZnN05.
I hope you will find it useful.
Regards,
Nadezhda Tacheva
Progress Telerik
Hi Nemo,
We've marked the request as valid but it is not yet scheduled for implementation in specific release. The best way to keep track of its progress is to click the "Follow" button. Thus, you will receive an email when we update the status of the item.
Regards,
Nadezhda Tacheva
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Hi Marin, though the CSS approach works, it would be nice if there was a property at the grid level to hide column headers. Is there a plan to add a property? Thanks.
Something like this can be a solution until a feature becomes available:
<style>
.no-headers-grid .k-grid-header {
display:none;
}
</style>
<TelerikGrid Data="@MyData" Height="400px"
Pageable="true" Class="no-headers-grid">
<GridColumns>
<GridColumn Field="@(nameof(SampleData.Id))" Width="120px" />
<GridColumn Field="@(nameof(SampleData.Name))" Title="Employee Name" Groupable="false" />
<GridColumn Field="@(nameof(SampleData.Team))" Title="Team" />
<GridColumn Field="@(nameof(SampleData.HireDate))" Title="Hire Date" />
</GridColumns>
</TelerikGrid>
@code {
public IEnumerable<SampleData> MyData = Enumerable.Range(1, 30).Select(x => new SampleData
{
Id = x,
Name = "name " + x,
Team = "team " + x % 5,
HireDate = DateTime.Now.AddDays(-x).Date
});
public class SampleData
{
public int Id { get; set; }
public string Name { get; set; }
public string Team { get; set; }
public DateTime HireDate { get; set; }
}
}
Regards,
Marin Bratanov
Progress Telerik