2016-11-24 1 views
0

私はjquery datatableを使用していますが、現在10進数で表示されている1つのカラムがあります。 冒頭に$を付け加え、千桁のカンマを入れたいと思います。 例だから、それは$ 1,526と$ 1,013.7

として表示されるはずしかし、最も重要な、それは機能の並べ替え壊すべきではありません1526または1013.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": "," 
       } 
を試してみました見ることができるように

とprov idingタイプ{ "type": "num", "targets": 5 }それらのどれも

答えて

2

のDataTableを働いていたそれはまた、よりカスタマイズ

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

+0

することができます。この

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

のビルドイン機能を持つ 'columnDefs'を使用して私のために素晴らしい仕事。 。 。 。 { "レンダリング":$ .fn.dataTable.render.number( '、'、 '、2、' $ ')、 "targets":6 }、 ' 。 。 '6'を目標価格列に置き換えてください – bbruman

関連する問題