在將jquery中的div附加到現有元素之前插入空白空間？

Question

如何在我要追加的comonpent和我動態創建的div之間添加一個空格。

我在我的單元格中有一些文本，我動態地使用jquery將一個按鈕添加到它。如何在下面的方法中在文本和按鈕之間插入一個空格，以便文本和按鈕之間有一個小間隙。

onCellPrepared(e:any) { 
    if (e.area == 'row') { 
     if (e.cell && e.cell.type == "D") { 
     $("<div /> ").dxButton({ 
      icon: 'fa fa-cog', 
      type: 'default', 
      height: '25', 
      width: '30', 
      onClick: function (e) { 
      alert(e.rowPath); 
      } 
     }).appendTo(e.cellElement); 
     } 
    } 
    } 

Answer 1

添加退格，如：

$("<div /> ").html('&nbsp;').dxButton({/*..............*/}).appendTo(e.cellElement); 

或樣式的div：

$("<div /> ").dxButton({/*..............*/}).css('margin-left'.'10px').appendTo(e.cellElement);