I am seeing that the grid filter mode causes the following exception to be thrown: "System.InvalidOperationException: JavaScript interop calls cannot be issued at this time. This is because the component is being prerendered and the page has not yet loaded in the browser or because the circuit is currently disconnected. Components must wrap any JavaScript interop calls in conditional logic to ensure those interop calls are not attempted during prerendering or while the client is disconnected."

Steps to reproduce (project using example from https://docs.telerik.com/blazor-ui/components/grid/overview is at https://github.com/austineric/GridTest):

1. Open solution
2. Ctrl + F5
3. In the address bar add "/test" to the url
4. In Visual Studio change the output to "GridTest - ASP.NET Core Web Server"
5. Clear All in the output window
6. Refresh the browser page
7. View the exception in the output window
8. Run the same test but remove the "FilterMode="Telerik.Blazor.GridFilterMode.FilterRow"" and see that the exception does not appear

Error produced using

• .Net Core 3.0.100
• Telerik UI for Blazor 2.2.1
• Visual Studio 16.3.5

The grid appears to be working and filtering correctly despite the exception. Should I disregard? Should I be doing something differently?

hi 
i was looking for a way in ui for blazor to transform grid state to  odata compatible string or something like QueryableExtensions in kendo like this 

Is it possible to make the grid command buttons visible on mouse hover of the row?

Sometimes I feel have a grid full of buttons adds a little unnecessary visual noise.

hi 
im using TelerikGrid and i wanted this feature to request for a part of data and when client scrolled down to that part of data then do another request to get second part of data 
i wanted to know if this can be done right now and if not when will this feature be added ?

hi i was using TelerikGrid and i ran to a problem 

`
<TelerikGrid Data=@GridData
             FilterMode="@GridFilterMode.FilterMenu"
             ScrollMode="@GridScrollMode.Virtual"
             Height="400px" RowHeight="40" PageSize="20"
             >
`

this is my grid and it works fine but when  use OnRead 

`

<TelerikGrid Data=@GridData
             FilterMode="@GridFilterMode.FilterMenu"
             ScrollMode="@GridScrollMode.Virtual"
             Height="400px" RowHeight="40" PageSize="20"
             OnRead="()=> { }">

`

i dont even need to do something in that function i give ity an empty function suddenly whenever i scroll to it just shows me first 15 
when i scroll i can see other options but suddenly 1 to 15 jumps up and all i see is them but scroll doesnt go to first of grid 

and this is my whole code

   <style>

        .read{
            color:red;
        }
        .not-yet{
            color:green;
        }
    </style>

<TelerikGrid Data=@GridData
             FilterMode="@GridFilterMode.FilterMenu"
             ScrollMode="@GridScrollMode.Virtual"
             Height="400px" RowHeight="40" PageSize="20"
             Class="@(isRead ?"read" : "not-yet")"
             OnRead="()=> { }">
    <GridColumns>
        <GridColumn Field="Id" />
        <GridColumn Field="Name" Title="First Name" />
        <GridColumn Field="LastName" Title="Last Name" />
        <GridColumn Field="HireData">
            <Template>
                @(((SampleData)context).HireDate.ToString("MMMM dd, yyyy"))
            </Template>
        </GridColumn>
    </GridColumns>
</TelerikGrid>

@code {
    public List<SampleData> GridData { get; set; }
    public bool isRead = false;
    protected override async Task OnInitializedAsync()
    {
        GridData = await GetData();
    }

    private async Task<List<SampleData>> GetData()
    {
        return Enumerable.Range(1, 100).Select(x => new SampleData
        {
            Id = x,
            Name = $"name {x}",
            LastName = $"Surname {x}",
            HireDate = DateTime.Now.Date.AddDays(-x)
        }).ToList();
    }

    async Task Test()
    {
       
        isRead = true;
    }

    public class SampleData
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public string LastName { get; set; }
        public DateTime HireDate { get; set; }
    }
}

Hi

Can anyone help with this please?

The following HTML produces a satisfactory result in that all columns are populated:

The HTML and Telerik grids use the same data source and models.  Many thanks

The

Hi,

You have those marvelous labels for textboxes. How can I do the same thing for other widgets like the dropdownlist for example?

Thanks … Ed