【问题标题】:Using a font awesome icon and text in a Datatables column header在数据表列标题中使用字体真棒图标和文本
【发布时间】:2018-01-19 17:43:36
【问题描述】:

这里可能有一个简单的答案,但我试图将文本和字体真棒图标放在我试图更新的数据表的标题中(应该在标题之后 - 第一行代码)。到目前为止,我只是得到一个空白或正方形。这是地图中的一段代码。有人有想法么?这是否必须在 CSS 中完成?谢谢

  {title:'enabled' + '<i class="fa fa check green"></i>', class:'enabled small-screen small-screen-2-col',  data:function(row, type, val, meta) {
        var isEnabled = row.enabled || 0;
        if (type=='display') {
          return (isEnabled) ? '<i class="fa fa-check green"></i>' : '' ;
        }
          return isEnabled;
      },

【问题讨论】:

  • 第一个类名错误。它应该是 &lt;i class="fa fa-check green"&gt;&lt;/i&gt; 而不是 &lt;i class="fa fa check green&gt;&lt;/i&gt;"
  • 嗨@jsrbn 谢谢,但它看起来和我一模一样:)
  • facheck 之间的破折号缺失
  • 不客气 :)
  • 嘿@jsbrn,如果您可以将您的解决方案发布为“答案”,那将是很好的,以便@erics15 可以接受它并关闭问题。否则它将保持其 unanswered 状态,这是误导...

标签: javascript css datatables font-awesome


【解决方案1】:

第一个类名是错误的。它应该是&lt;i class="fa fa-check green"&gt; 而不是&lt;i class="fa fa check green&gt;&lt;/i&gt;。你忘了facheck之间的破折号

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-01-16
    • 1970-01-01
    • 2017-05-28
    • 1970-01-01
    • 2020-09-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多