Как отфильтровать числовой статус, который отображается как текст в kendo-ui?

Я использую кендо-интерфейс для рендеринга сетки.

Мне нужно отфильтровать таблицу, которая имеет поле «статус». В базе данных это поле числовое, но оно представляет «активный» и «неактивный».

Когда я фильтрую столбец по «0» или «1», он работает правильно, но мне нужно фильтровать, используя термины «активный» и «неактивный».

Это мой код:

<script type="text/javascript">

$(document).ready(function(e) {
//carrega o grid da página

kendo.ui.FilterCell.fn.options.template = function(e){
e.element.kendoAutoComplete({
serverFiltering: false,
valuePrimitive: true,
noDataTemplate: ''
});
}var dataSource = new kendo.data.DataSource({
//data: data,
transport: {
read:{
url: '{{url('franquias/franquias_get')}}',
dataType: 'json', //not needed jQuery figures it out, shown to be verbose
type: 'GET' //defined but, this is the default
}
},
serverPaging: true,
serverFiltering: true,
serverSorting: true,
pageSize: 10,
schema: {
model: {
id: "id_franquia",
fields: {
id_franquia: { type: "number" },
nm_franquia: { type: "string" },
}
},
data: "data",
total:"total"},
pageable: {
refresh: true,
pageSizes: true
},
});

var grid= $("#grid").kendoGrid({
dataSource: dataSource,
pageable:true,
scrollable: false,
sortable: true,
navigatable: true,
resizable: true,
columnMenu: {
filterable: false,
sortable: false
},
filterable: {
mode: "row"},
columns: [
{ field: "id_franquia", title: 'Id', width: 150, headerTemplate: 'Id <span class="k-icon k-i-kpi"></span>'},
{ field: "nm_franquia", title: 'Nome', headerTemplate: 'Nome <span class="k-icon k-i-kpi"></span>'},
{ field: "nm_franquia_abrev", title: 'Abreviação', headerTemplate: 'Abreviação <span class="k-icon k-i-kpi"></span>'},
{ field: "nu_status", title: 'Status', headerTemplate: 'Status <span class="k-icon k-i-kpi"></span>', values: [ { text: "Ativo", value: 1 }, { text: "Inativo", value: 0 }]},
{ field: "created_at", title: 'Data Cadastro', headerTemplate: 'Data Cadastro <span class="k-icon k-i-kpi"></span>', hidden:true },
{ field: "action", title:"Ação", width: 125, filterable:false,menu:false, template:"<form method='POST' action='/franquias/#=id#' accept-charset='UTF-8'><input name=\"_method\" type=\"hidden\" value=\"DELETE\"><input type=\"hidden\" name=\"_token\" value=\"{{ csrf_token() }}\"> <a class=\"btn btn-default \" href=\"/franquias/#=id#/edit\"><i class=\"fa fa-pencil\"></i></a><button type=\"submit\" class=\"btn btn-default\" onclick=\"return confirm('Tem certeza que deseja deletar?')\"><i class=\"fa fa-trash\"></i></button> </div></form>"}
]
}).data("kendoGrid");

grid.thead.find(".k-header-column-menu").hide();
grid.thead.find("[data-field=action]>.k-header-column-menu").show();
});
</script>