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

时间:2017-07-20 20:14:28

标签: html asp.net-mvc kendo-ui developer-tools

我有一个html kendo网格,不显示过滤器图标图像。但是,它仍然过滤。我一直在使用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")

Filter Icon Missing

2 个答案:

答案 0 :(得分:0)

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

这是文件夹结构。

documentation

扩展视图

enter image description here

如果您想捆绑它们,请参阅GitHub上的enter image description here

答案 1 :(得分:0)

您可以像这样添加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()