Jquery Datatable-删除表类属性集标题宽度

使用Datatable动态生成表结构

尝试使用下面的方法删除，但不起作用

$(resource_report).removeAttr(" color:'', background-color:'' ");

表格标题如下所示

在按下F12键或检查元件后，像这样

如何删除类表thead th的属性，以便 背景色和颜色在不更改的情况下不会应用 CSS文件中有什么内容吗？ 如何使表格标题以适当的宽度正确显示，而不显得压缩？

---

清空属性，如下所示：

$(resource_report).css({"color":"", "background-color":"transparent !important"});

---

对于第二个问题，请尝试为表格提供宽度：自动或100%宽度，或者您可以触发窗口。当我看到它们在控制台上更新时，请调整大小，打开控制台可调整窗口的大小。

您可以像此$resource\u报告一样尝试。removeAttrcolor，background color

至于宽度，它是由默认文本换行引起的。通过

资源组报告{ 空白：nowrap； } 我在任何地方都找不到类似的bootstrap-default.css，只需将表的背景色覆盖到您想要的颜色即可

资源组报告{ 背景颜色：黄色； } 黄色只是为了演示，正如另一位提到的，您也可以使用透明。以上内容不会影响任何其他增强元素，我相信您真正关心的是您的resource_report表—使用jQuery更改CSS属性有点过火，而使用一行CSS就可以实现这一点

如果出于某种原因确实想使用jQuery，那么至少要使用正确的选择器：

$'resource_report thead th'.css'背景色'，'红色'；

---

在我的案例中，这是由于默认为true造成的

所以我所要做的就是显式地将其设置为false：

---

$document.readyfunction{$'resource_report'.css{white space:nowrap}无效@Slimshaddyyy，否-它不起作用，因为我的回答的最后一部分指出，您没有使用正确的选择器-如果您坚持使用jQuery，即使没有理由这样做-您至少必须使用正确的选择器$'resource\u report thead th'.css'white-space'，“nowrap”与CSS->$resource\u报告最好指向jQuery dataTables实例的方式相同，而不是它的头-因此它不会阻止任何地方的换行：-我已经在样式中添加了resource\u报告。没有什么区别。但如果我点击AD或按F12，它会显示正确的宽度。我正在使用标签来显示它。这可能是表头被压缩的原因吗？嘿@slimshaddyyy，您能将完整的标记粘贴到其中一个fiddle中吗？可能包括对bootstrap-default.css的引用？我只需要标记/代码。我认为你陷入了某种XY问题，真正的问题可能与我们试图解决的不同here@Slimshadddyyy-这是呈现的标记，包括初始化表时dataTables注入的内容，我在考虑您的标记：fiddle with bootstrap correct loaded->

$(resource_report).removeAttr(" color:'', background-color:'' ");

$(resource_report).css({"color":"", "background-color":"transparent !important"});

$('#example').dataTable({
  autoWidth: false
});