This is a migrated thread and some comments may be shown as answers.

Filtering Table Data

3 Answers 864 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Vijhay
Top achievements
Rank 1
Vijhay asked on 27 Jun 2018, 07:52 PM

Hello All

I was going through the example below and I would like to know how I could enable filtering on the grid that was initialized from a HTML table.

https://demos.telerik.com/kendo-ui/grid/filter-row

In my case the data source for the grid is not odata. I would like to enable filtering for the below example:

https://demos.telerik.com/kendo-ui/grid/from-table

Any pointers would be appreciated!

Thanks.

Vijhay Devarajan.

 

 

3 Answers, 1 is accepted

Sort by
0
Eyup
Telerik team
answered on 29 Jun 2018, 07:32 AM
Hello Vijhay,

Just add the filterable property to the grid definition and you should be good to go:
https://dojo.telerik.com/oduRowik/4

I hope this will prove helpful.

Regards,
Eyup
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Vijhay
Top achievements
Rank 1
answered on 29 Jun 2018, 02:53 PM

Hi Eyup

Thank you for pointing me to the right spot. The filtering mechanism you recommended works great for the text columns. How do I filter the grid that has date and numeric columns as well. E.g. how to filter records that fall within a data range or value range?

 

Thanks.

Vijhay Devarajan.

0
Eyup
Telerik team
answered on 03 Jul 2018, 01:35 PM
Hi Vijhay,

You can try to set the model of the schema explicitly in order to define the appropriate type for every field:
https://demos.telerik.com/kendo-ui/grid/filter-row

You can try to access the Kendo instance of the dataSource using $("#grid").data("kendoGrid").dataSource and check the model of its schema:
https://docs.telerik.com/kendo-ui/api/javascript/data/datasource/configuration/schema#schema.model

Regards,
Eyup
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Grid
Asked by
Vijhay
Top achievements
Rank 1
Answers by
Eyup
Telerik team
Vijhay
Top achievements
Rank 1
Share this question
or