Javascript 如何将行组与数据表一起使用，以便行组分隔符向右对齐？

我正在使用DataTables功能创建一个分为多个部分的表

我目前的结果如下：

但是，我想将分隔器部分向右对齐（见下文）

我试图通过使用文本对齐来实现这个结果：对；如中所述，但使用text align:right似乎不起作用

请参见下面的代码和说明

数据=[{
DT_RowId：“第1行”，
名字：“加勒特”，
职位：“会计”，
电子邮件：“g。winters@datatables.net",
办公室：“纽约”，
extn:“8422”，
},
{
DT_RowId：“第2行”，
名字：“克里斯”，
职位：“会计”，
电子邮件：“g。winters@datatables.net",
办公室：“纽约”，
extn:“8422”，
},
{
DT_RowId：“第3行”，
名字：“老虎”，
职位：“分析师”，
电子邮件：“g。winters@datatables.net",
办公室：“纽约”，
extn:“8422”，
},
{
DT_RowId：“第4行”，
名字：“鲍勃”，
职位：“分析师”，
电子邮件：“g。winters@datatables.net",
办公室：“东京”，
extn:“8422”，
}]
table=$（“#示例”）.DataTable({
数据：数据，
行组：{
startRender:null，
endRender:函数（行、组）{
返回$（''）
.append（'我正试图向右拉'）；
},
dataSrc:“办公室”，
},
栏目：[
{数据：“位置”，标题：'position'}，
{数据：“extn”，标题：'extn'}，
{数据：“名字”，标题：'name'}，
{数据：“办公室”，标题：“办公室”}，
]
});

您需要在下面添加附加的

标签，当您进行退货时。 像这样：

table = $("#example").DataTable({
  data: data,
  rowGroup:  {
            startRender: null,
            endRender: function ( rows, group ) {

             return $('<tr/>')
                 .append( '<td style="text-align:right;" colspan="2">Im trying to pull this to the right</td>')
                 .append('<td></td>')
                 .append('<td></td>');
            },
            dataSrc:'office',
        },
  columns: [
    { data: "position",title:'position'},
    { data: "extn" ,title:'extn'},
    { data: "first_name",title:'Name'},
    { data: "office",title:'office'},

  ]
});

table=$（“#示例”）.DataTable({
数据：数据，
行组：{
startRender:null，
endRender:函数（行、组）{
返回$（''）
.append（'我正试图将其向右拉'）
.append（“”）
.附加（“”）；
},
dataSrc:“办公室”，
},
栏目：[
{数据：“位置”，标题：'position'}，
{数据：“extn”，标题：'extn'}，
{数据：“名字”，标题：'name'}，
{数据：“办公室”，标题：“办公室”}，
]
});

table = $("#example").DataTable({
  data: data,
  rowGroup:  {
            startRender: null,
            endRender: function ( rows, group ) {

             return $('<tr/>')
                 .append( '<td style="text-align:right;" colspan="2">Im trying to pull this to the right</td>')
                 .append('<td></td>')
                 .append('<td></td>');
            },
            dataSrc:'office',
        },
  columns: [
    { data: "position",title:'position'},
    { data: "extn" ,title:'extn'},
    { data: "first_name",title:'Name'},
    { data: "office",title:'office'},

  ]
});