剑道网格图标栏显示椭圆中的椭圆图版本：58.0.3029.96

问题描述：

当加载网格减小图标栏的大小时，出现省略号而不是图标。当我们展开列时，它会显示图标。剑道网格图标栏显示椭圆中的椭圆图版本：58.0.3029.96

我给kendo网格coloumns分配了一个宽度，它有图标。 “#mygrid”有柱阵列2场，图标和分配的宽度：“20像素” 这是在旧版本的Chrome可见的，但不是最新的版本，这是版本：58.0.3029.96 dojo

$("#mygrid").kendoGrid({ 
     dataSource: acc, 
     columns:[ 
      { 
       field: "abc", 
       title: " ", 
       width : "20px", 
       template: 
       '<a onclick=" " title="abc" href="Javascript:void(0);"> 
        <i class="fa fa-briefcase"></i> 
       </a>' 
      }, 
      { 
       field: "xyz", 
       title: " ", 
       width : "20px", 
       template: 
       '<a onclick=" " title="abc" href="Javascript:void(0);"> 
        <i class="fa fa-credit-card"></i> 
       </a>' 
      }], 
     groupable: true, 
     reorderable: true, 
     resizable: true, 
     filterable: true 
    });

该链接的显示值是什么？如果内联，则不能指定大小。 –

我认为这是可调整大小的列的默认行为 – Icepickle

您的问题可能与Kendo应用的默认填充有关，您是否尝试删除它以查看FA图标是否可见？你可以在dojo.telerik.com上举个例子来展示这个问题吗？ –

答

剑道自动将padding应用于表格单元格，这会导致您的锚点链接/ fa图标被移出视图。为了解决这个问题，你要添加一个类含足协图标td元素和手动改写其填充像这样：

columns:[ 
     { 
      field: "", 
      title: " ", 
      width: "20px", 
      //Here is where we assign the class. 
      //Do this for each column containing a font awesome icon 
      attributes: { 
       "class": "faContainer" 
      }, 
      template: 
      '<a title="abc"><i class="fa fa-briefcase"></i></a>' 
     } 
    ]

然后你的CSS将包括这样的事情：

.k-grid .faContainer { 
    padding: 0px; 
} 
.faContainer { 
    text-align: center; 
}

以下是显示关闭的Dojo链接：http://dojo.telerik.com/evoGA

它的工作原理！非常感谢:)，如果Chrome会更新到下一个版本，我认为它会起作用。 – krt

剑道网格图标栏显示椭圆中的椭圆图版本：58.0.3029.96

相关推荐