更改数据表中的字体系列答案

【问题标题】：change font family in datatable更改数据表中的字体系列
【发布时间】：2026-01-19 13:20:04
【问题描述】：

我是java初学者，如何更改 datatable 中所有文本（页眉、页脚和正文）的字体系列？

我在 datatables.jqueryui.css 中没有找到关于字体系列的信息

【问题讨论】：

你能评论一下投票否决吗？
与更改任何其他 css 的方式相同...检查浏览器开发工具中的元素以查看适用的规则并进行相应调整

标签： jquery datatable

【解决方案1】：

感谢@charlietfl，

我在浏览器中使用了检查元素，发现解决方案是将font-family 和font-size 添加到.dataTables_wrapper in dataTables.jqueryui.css

.dataTables_wrapper {
    font-family: tahoma;
    font-size: 13px;
    direction: rtl;
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1;
}

【讨论】：

【解决方案2】：

我使用了以下实现并且工作正常。顺便说一句，在这个例子中，我使用 Bootstrap 和 Ajax 调用。

<style>
  .table.dataTable  {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 13px;
}
</style>
<table id="example" class="table"></table>

【讨论】：