Filtering Table Data

4 posts, 0 answers
  1. Vijhay
    Vijhay avatar
    13 posts
    Member since:
    Apr 2018

    Posted 27 Jun 2018 Link to this post

    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.

     

     

  2. Eyup
    Admin
    Eyup avatar
    4046 posts

    Posted 29 Jun 2018 Link to this post

    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.
  3. Vijhay
    Vijhay avatar
    13 posts
    Member since:
    Apr 2018

    Posted 29 Jun 2018 in reply to Eyup Link to this post

    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.

  4. Eyup
    Admin
    Eyup avatar
    4046 posts

    Posted 03 Jul 2018 Link to this post

    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.
Back to Top