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 }
それらのどれも
することができます。この
のビルドイン機能を持つ 'columnDefs'を使用して私のために素晴らしい仕事。 。 。 。 { "レンダリング":$ .fn.dataTable.render.number( '、'、 '、2、' $ ')、 "targets":6 }、 ' 。 。 '6'を目標価格列に置き換えてください – bbruman