Как добавить фильтр в JSGrid - PullRequest
Новая
       14

Как добавить фильтр в JSGrid

0 голосов
/ 24 марта 2020

Я использую JSGrid и доставляю данные из сервиса для заполнения таблицы. Фильтр в сетке не работает. Я добавил filtering: true вариант, но все равно он не работает. Я вставил образец данных и создал ту же проблему в следующем коде. 

$(function() {

  $("#grid").jsGrid({
    width: "100%",
    height: "400px",
    filtering: true,
    editing: true,
    sorting: true,
    paging: true,
    data: friends,
    fields: [
      { name: "Name", type: "text", width: 100 },
      { name: "Age", type: "number", width: 50 },
      countries,
      { name: "Cool", type: "checkbox", width: 40, title: "Is Cool", sorting: false },
      { type: "control" }
    ]
  })  
})

var friends = [
  {
    Name: "Ada Lovelace",
    Age: 36,
    Country: 3,
    Cool: true,
  },
  {
    Name: "Grace Hopper",
    Age: 85,
    Country: 1,
    Cool: true,
  },
  {
    Name: "Alan Turing",
    Age: 41,
    Country: 3,
    Cool: true,
  },
  {
    Name: "Miguel Alcubierre",
    Age: 53,
    Country: 5,
    Cool: true,
  }
];

var countries = {
  name: "Country",
  type: "select",
  items: [
    { Name: "", Id: 0 },
    { Name: "United States", Id: 1 },
    { Name: "France", Id: 2 },
    { Name: "United Kingdom", Id: 3 },
    { Name: "Spain", Id: 4 },
    { Name: "Mexico", Id: 5 }
  ],
  valueField: "Id",
  textField: "Name"
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.css" />
<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid-theme.min.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.js"></script>

<div id="grid"></div>
...