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

网页字体图标未显示在html剑道网格上,html,asp.net-mvc,kendo-ui,developer-tools,Html,Asp.net Mvc,Kendo Ui,Developer Tools,我有一个html剑道网格,不显示过滤器图标图像。但是,它仍然会过滤。我一直在使用chrome开发者工具,当页面上传时,它总是生成span class=“k-icon k-filer”。我将其更改为span class=“k-icon k-I-filer”,并过滤图像显示。它还表明它正在开发人员工具中被覆盖。我不知道如何在我的代码中实现它才能工作 columns.Bound(p => p.CurrentApplicationStatusText) .Filter

我有一个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")

如果使用引导主题,请确保这些图像位于引导文件夹下

下面是文件夹结构

扩展视图


如果您想捆绑它们,请访问GitHub。

如果您使用引导主题,请确保这些图像位于引导文件夹下

下面是文件夹结构

扩展视图


如果您想捆绑它们,请访问GitHub。

您可以像这样添加css块:

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

您可以这样添加css块:

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

我没有font-awesome.css或font-awesome.min.css。Win,这些文件是干什么用的?如果你不使用font awesome,请忽略它们。我已经将它们打包,所有文件似乎都存在。我不确定我遗漏了什么。如果你捆绑剑道css文件,你将需要遵循原始路径。例如,如果剑道css文件是
~/Content/Kendo/Kendo.bootstrap.min.css
,则捆绑包应该是
~/Content/Kendo/css
。看看代码,我没有font-awesome.css或font-awesome.min.css。Win,这些文件是干什么用的?如果你不使用font awesome,请忽略它们。我已经将它们打包,所有文件似乎都存在。我不确定我遗漏了什么。如果你捆绑剑道css文件,你将需要遵循原始路径。例如,如果剑道css文件是
~/Content/Kendo/Kendo.bootstrap.min.css
,则捆绑包应该是
~/Content/Kendo/css
。看看代码。