2016-11-24 166 views
0

我正在使用jquery數據表,並且我有一列正在顯示數量與小數。 我想在開頭追加$,並把千位的逗號。例如,目前其顯示爲:1526或1013.7

因此它應該顯示爲$了1,526和$ 1,013.7

但最重要的是它不應該打破排序功能。我使用

代碼是如下

首先在頁面加載:

var requestTable = 
      $('#tblCustomerGrid') 
      .DataTable({ 
       data: data, 
       "columnDefs": [ 
        { 
         "targets": 0, 
         "data": "clientId", 
         "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) { 
          $compile(nTd)($scope); 
         }, 
         "orderable": false, 
         "searchable": false, 
         "render": function (data, type, full, meta) { 
          var hyperLink = "<a href='#' ng-click='$event.preventDefault(); OpenClientInfo(" + data + ")'>Get Client Details</a>"; 
          return hyperLink; //'<a href="Index/' + data + '">' + data + '</a>'; 
         } 
        }, 
        { "type": "num", "targets": 5 } 
       ], 
       "columns": [ 
        { "data": "clientId" }, 
        { "data": "fullName" }, 
        { "data": "email" }, 
        { "data": "countryName" }, 
        { "data": "phone" }, 
        { "data": "grandTotal" } 
       ], 
       "language": { 
        "lengthMenu": "_MENU_", 
        "thousands": "," 
       } 
      }); 

$('.panel-ctrls').append($('.dataTables_filter').addClass("pull-right")).find("label").addClass("panel-ctrls-center"); 
      $('.panel-ctrls').append("<i class='separator'></i>"); 
      $('.panel-ctrls').append($('.dataTables_length').addClass("pull-left")).find("label").addClass("panel-ctrls-center"); 

      $('.panel-footer').append($(".dataTable+.row")); 
      $('.dataTables_paginate>ul.pagination').addClass("pull-right m-n"); 

      $('.dataTables_filter input').attr("placeholder", "Search..."); 

然後按一下按鈕:

requestTable.clear(); 
     requestTable.draw(); 
     requestTable.rows.add(data); 
     requestTable.draw(); 

正如你可以看到我已經嘗試過

"language": { 
        "lengthMenu": "_MENU_", 
        "thousands": "," 
       } 

and prov iding型{ "type": "num", "targets": 5 }但他們沒有工作

回答

2

的DataTable有此

"columns": [ 
       { "data": "clientId" }, 
       { "data": "fullName" }, 
       { "data": "email" }, 
       { "data": "countryName" }, 
       { "data": "phone" }, 
       { "data": "grandTotal", 
        render: $.fn.dataTable.render.number(',', '.', 2, '$') } 

構建客棧功能它也允許更多的定製

https://datatables.net/manual/data/renderers

+0

使用'columnDefs'工作對我來說太棒了。 。 。 。 '。「。$ .fn.dataTable.render.number(',','。',2,'$'), 」targets「:6 },'。 。 。用你的目標價格欄替換6 – bbruman

相關問題