After reviewing this demonstration, it seems that the desired behavior is already the default setting for a column configured with filterable: { multi: true }
. It is only when an itemTemplate
is added that you need to manage the HTML markup yourself. For instance, the following column collection should all exhibit the desired behavior:
columns: [
{ field: "ProductName", filterable: { multi: true, search: true} },
{ field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: 120, filterable: { multi: true } },
{ field: "UnitsInStock", title: "Units In Stock", width: 120, filterable: { multi: true } }
]
If you are utilizing an itemTemplate
, removing it should resolve your issue.
I trust this information proves beneficial.