数据表将正文和页脚列呈现为数字

Question

我正在尝试格式化正文和页脚部分的单列中的数字数据。格式如下：

• 千位分组分隔符：“.”
• 小数点指示符：","
• 要显示的小数位数：“0”
• 前缀：“$”

这是我的尝试：

    $('#idtablainforme_ventaporfamilia').DataTable({
        destroy: true,
        "searching": false, "paging": false, "ordering": false, "info": false, "autowidth": false,
        columns: [
           { data: "1", render: $.fn.dataTable.render.text() },
           { data: "2", render: $.fn.dataTable.render.number('.', ',', 0, '$') }
        ],
        dom: 'Bfrtip',
        buttons: [
            {
                extend: 'excel',
                footer: true,
                title: 'INFORME DE VENTAS POR FAMILIA',
                text: '<i class="fa fa-file-excel-o"></i>',
                titleAttr: 'Exporta a EXCEL',
            }
        ]
    });

这是数据：

CHEQUERA MUJER 5231760 
CARTERA 3487630 
BILLETERA MUJER 2155120 
NECESER 21980 
COSMETIQUERA 10990 
SET DE VIAJE 10990
TOTAL 12925150

但它会呈现下表：

<table id="idtablainforme_ventaporfamilia" class="table table-striped table-striped table-bordered nowrap dataTable">
    <thead>
        <tr role="row">
            <th>
                FAMILIA
            </th>
            <th>
                VENTA
            </th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th>
                TOTAL
            </th>
            <th style="text-align: right">
                12.925.150
            </th>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>CHEQUERA MUJER</td>
            <td>$5</td>
        </tr>
        <tr>
            <td>CARTERA</td>
            <td>$5</td>
        </tr>
        <tr>
            <td>BILLETERA MUJER</td>
            <td>$2</td>
        </tr>
        <tr>
            <td>NECESER</td>
            <td>$21</td>
        </tr>
        <tr>
            <td>COSMETIQUERA</td>
            <td>$10</td>
        </tr>
        <tr>
            <td>SET DE VIAJE</td>
            <td>$10</td>
        </tr>
    </tbody>
</table>

问题在于正文部分的格式错误（$5 而不是 $5.231.760）并且它没有格式化页脚部分。

Answer 1

查看14489 周围的源代码（确切的行号将来可能会更改）。渲染器实际上是表单上的对象字面量：

render = {
  number: function(..) {
    return {
      display: function(..) {
      }
    }
  }
  ...
} 

因此您可以使用

以编程方式调用渲染器

$.fn.dataTable.render.number('.', ',', 0, '$').display(value)

现在您可以使用footerCallback 来使用render.number().display() 呈现其值

footerCallback: function(tfoot, data, start, end, display) {
  var $th = $(tfoot).find('th').eq(1);
  $th.text( $.fn.dataTable.render.number('.', ',', 0, '$').display( $th.text() )) 
},

注意，值必须是一个未格式化的数字，即12925150而不是12.925.150 - 否则会失败

http://jsfiddle.net/wotyo6nL/