这似乎是一个简单的问题,我有一个来自前一个开发人员的代码,其中所有数据表都是由代码生成的,除了div之外没有html。所以基本上插件工作正常并呈现几列,但其中一个是货币,我需要以最少的努力对齐它,因为此代码已经在prod
$(tableSelector).DataTable({
data : [],
columns : vm.DataTableColumns,
order : containerConfig.SortOrder,
lengthMenu : [5, 10, 100],
deferRender : true,
footerCallback : function ( row, data, start, end, display ) {
var api = this.api(), data;
// Remove the formatting to get integer data for summation
var intVal = function ( i ) {
return typeof i === 'string' ?
i.replace(/[\$,]/g, '')*1 :
typeof i === 'number' ?
i : 0;
};
// Total over all pages
total = api
.column( containerConfig.columnToTotal )
.data()
.reduce( function (a, b) {
return intVal(a) + intVal(b);
}, 0 );
// Update footer
$( api.column( containerConfig.columnToTotal ).footer() ).html(
'Total: ' + total
);
}
}).on('draw.dt', function (e, settings, processing) {
// Make sure the UserPresence is added every time the DataTable's data changes (paging, sorting, search,..)
spService.UserPresenceComponent.AddPresence();
});
// Make component visible
$(componentSelector).css("visibility", "visible");
我认为这是唯一相关的代码,但如果需要我可以粘贴更多
答案 0 :(得分:1)
您可以在columns属性中更改列样式。
假设 vm.DataTableColumns 提供的数据如下所示:
columns: [
{ data: "id" },
{ data: "currency" },
]
您可以添加className选项。
columns: [
{ data: "id" },
{ data: "currency", className : "yourClass" },
]