Javascript 如何在制表器中右对齐表头?

Javascript 如何在制表器中右对齐表头?,javascript,html,tabulator,Javascript,Html,Tabulator,在JavaScript中,我调用一个API并使用制表器,试图用JavaScript显示数据。我想自定义左对齐和右对齐。当应用align属性时,它只对齐表格数据而不是表格标题,我希望自定义表格标题的对齐方式。请有人帮帮我 守则的一部分: columns: [ { title: "Date", field: "Date", sorter: "date", align: "left", bottomCalc: function (values) { return "Grand Total";

在JavaScript中,我调用一个API并使用制表器,试图用JavaScript显示数据。我想自定义左对齐和右对齐。当应用align属性时,它只对齐表格数据而不是表格标题,我希望自定义表格标题的对齐方式。请有人帮帮我

守则的一部分:

columns: [
    { title: "Date", field: "Date", sorter: "date", align: "left", bottomCalc: function (values) { return "Grand Total"; } },
    {
        title: "Transaction Count", field: "TransactionCount", sorter: "number", align: "right", bottomCalc: "sum"
    },
    {
        title: "Credit Card", field: "CreditCard", sorter: "number", align: "right", visible: false, formatter: "money", bottomCalc: "sum", bottomCalcParams: { precision: "2" }
    },
    {
        title: "Cash", field: "Cash", sorter: "number", align: "right", visible: false, formatter: "money", bottomCalc: "sum", bottomCalcParams: { precision: "2" }
    },
    {
        title: "No Charge", field: "NoCharge", sorter: "number", align: "right", visible: false, formatter: "money", bottomCalc: "sum", bottomCalcParams: { precision: "2" }
    },
    {
        title: "ACH", field: "ACH", sorter: "number", align: "right", visible: false, formatter: "money", bottomCalc: "sum", bottomCalcParams: { precision: "2" }
    },
    {
        title: "Total", field: "Total", sorter: "number", align: "right", formatter: "money",  bottomCalc: "sum", bottomCalcParams: { precision: "2"}
    }
    ],

我不认为在这一点上有一个内置的选项,但它可以通过使用一些简单的css来实现

向列定义中标题右对齐的列添加自定义CSS类:

{title:“事务计数”,cssClass:“rightAlignedHeader”,(…)},
然后在css中为此类定义正确的文本对齐方式,但将其限制为.tablator标题的子元素

.tablator header.rightAlignedHeader{
文本对齐:对!重要;
}
var coldefs=tableR.getColumnDefinitions();

对于(var i=0;i这里是html?我使用一个空分区来显示如下数据:reportTable=new制表器(“#ReportTableDiv”),{renderComplete:function(){DownloadReportAsFile();},brother我无法帮助您,除非查看您的html代码!添加完整的必需代码。brother html中没有任何内容,只有空分区和链接标题部分中的制表器脚本/插件文件。请解释您的代码,以便其他人可以从中学习。
var coldefs = tableR.getColumnDefinitions();
for (var i=0;i<coldefs.length;i++) {
    coldefs[i].align = 'right';
}
tableR.setColumns(coldefs);