如何在 Datatables Ajax 表列字段中显示的图标和数据之间提供空格

如何解决如何在 Datatables Ajax 表列字段中显示的图标和数据之间提供空格

在我的一个控制器中，我有一个 Ajax Datatables 进程生成一个表作为我的索引函数。在我的一个日期列中的此过程中，如果日期是今天的日期或过去的日期，我添加了在日期旁边显示一个图标的逻辑，但如果它是未来的日期，则它只显示日期。

$table->editColumn('followup_date',function ($row) {
// check to see if record is todays date or older,if so display Bell icon next to date
  $date = Carbon::parse($row->followup_date);
  $today = Carbon::Now();
  if ( $today > $date ) {
     return $row->followup_date ? (true ? ' <i class="fas fa-bell-exclamation red"></i>' : '') . $row->followup_date : '';
  } else {
     return $row->followup_date ? (false ? ' <i class="fas fa-bell-exclamation red"></i>' : '') . $row->followup_date : '';
  }
});

这很有效，但是，图标显示在日期数据旁边的表格列字段中，中间没有空格。例如“IconDate”，我希望它显示为“Icon Date”。如何在这个 return 语句中成功地在图标和日期之间注入一个空格？

我的想法与“&nbsp”有关，但是我还没有找到在代码中实现它的成功方法。我确定我遗漏了一些简单的东西，但我在图标和日期之间添加空格的所有尝试都失败了。

回应 AndrewJames 关于我的尝试。我一直在想我需要在图标和日期这两个元素之间插入空格。所以我探索了不同的方法来尝试以某种方式将用于 ) 的 lsft 和 $ 之前。例如 )  . $row OR ) .  $row OR ) .   . $row 和一堆其他选项。

解决方法

基于 Andrewjames 向我提出的一些问题，这让我想到，与其在两个元素之间添加空格，不如将空格附加到其中一个元素上。这似乎是我需要的想法。答案是在附加到元素的 ( ) 中添加空格：

return $row->followup_date ? (true ? ' <i class="fas fa-bell-exclamation red"></i> ' : '' ) . $row->followup_date : '';

当在表格中显示时，这提供了图标和日期之间的空白。