Web字体图标不显示在html kendo网格上

Question

我有一个html kendo网格，不显示过滤器图标图像。但是，它仍然过滤。我一直在使用Chrome开发工具，当页面上传时，它总是生成span class =＆＃34; k-icon k-filer＆＃34;。我把它改成了span class =＆＃34; k-icon k-i-filer＆＃34;并过滤图像显示。它还表明它在开发人员工具中被覆盖。我不知道如何在我的代码中实现它以使其工作。

     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 文件夹下。

这是文件夹结构。

documentation

扩展视图

如果您想捆绑它们，请参阅GitHub上的。

Answer 2

您可以像这样添加css块：

include(CTest)
if(BUILD_TESTING)
  include(FetchContent)
  FetchContent_Declare(
    googletest
    GIT_REPOSITORY https://github.com/google/googletest.git
    GIT_TAG master)
  set(gtest_force_shared_crt ON CACHE BOOL "" FORCE)
  FetchContent_MakeAvailable(googletest)
endif()