网页字体图标未显示在 html 剑道网格上

Question

我有一个不显示过滤器图标图像的 html 剑道网格。但是，它仍然过滤。我一直在使用 chrome 开发人员工具，当页面上传时，它总是生成 span class="k-icon k-filer"。我将其更改为 span class="k-icon k-i-filer" 并过滤图像显示。它还表明它正在开发人员工具中被覆盖。我不确定如何在我的代码中实现它以使其正常工作。

     columns.Bound(p => p.CurrentApplicationStatusText)
          .Filterable(filterable => filterable.UI("applicationStatusFilter"))
          .Title("Application Status")
          .Width(160);columns.Bound(p => p.StudentDOB)
          .Format("{0:MM/dd/yyyy}")
          .Title("DOB")
          .Width(100);

     .HtmlAttributes(new {style = "height: 579px; width: 110%"})
  .Scrollable()
  .Sortable()
  .Filterable(filterable => filterable
      .Extra(false)
      .Operators(operators => operators
          .ForString(str => str.Clear()
              .Contains("Contains")
              .IsEqualTo("Is equal to")
              .StartsWith("Starts with")
              .IsNotEqualTo("Is not equal to")

Answer 1

如果您使用 Bootstrap 主题，请确保这些图像位于 Bootstrap 文件夹下。

这是文件夹结构。

扩展视图

如果你想捆绑它们，请在 GitHub 上查看 my sample project。

Answer 2

您可以像这样添加 css 块：

.k-filter:before {
    content: "\e129";
}