DataTable Jquery列右对齐问题

Question

列对齐

columnDefs: [
    { targets: [1, 2], className: "cssMyRightAlign" },
],

CSS

.cssMyRightAlign{
    text-align: right;
}

但它没有对齐第一和第二列的权利。

Codepen链路https://codepen.io/Sixthsense6/pen/KKeRPXJ

Answer 1

最后找出了问题的根源。

我将JavaScript存储在单独的文件中，并将其链接到我的网页中。如果我保持JS在网页本身，那么它是好的。

将Js存储在单独的文件中，并将其链接到网页标题或正文中，并不像预期的那样工作。

Answer 2

看起来.cssMyRightAlign被优先级较高的选择器覆盖。尝试向其添加!important关键字如下：

.cssMyRightAlign{
    text-align: right !important;
}