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 }
但他們沒有工作
使用'columnDefs'工作對我來說太棒了。 。 。 。 '。「。$ .fn.dataTable.render.number(',','。',2,'$'), 」targets「:6 },'。 。 。用你的目標價格欄替換6 – bbruman