jquery DataTables：奇怪的排序箭头

问题描述 投票：0回答：4

使用 bootstrap 在 Django 网站上工作。我正在为任何 jquery 数据表获取这些排序箭头。知道如何获得此处显示的默认值吗？

jquery django datatables
4个回答
0
投票

通常只有在使用默认 DataTables CSS 样式时才会看到这些内容。有 bootstrap-datatables 集成 css js/css 文件，它们使用 Bootstrap 样式来设置数据表的样式。你包括那些吗？您是否包含其他可能覆盖它的 CSS 文件？使用 chrome 或 firefox 中的 inspect element 工具可以让您了解使用什么 css 来设置箭头样式。

0
投票

我在DataTables中的排序箭头也遇到了类似的问题。我怀疑这是一个编码问题 - 我解决它的方法是进入 DataTables 提供的 CSS 文件，找到三角形符号 ▲ 和 ▼，它们放在：排序头之前和：之后，并更改分别为 

\2191
和 
\2193
。

0
投票

使用数据表（没有 django）我可以通过 

<meta charset="UTF-8">
:

显式地将 HTML 编码设置为 UTF-8 来解决问题 
<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">

...
-1
投票

这些箭头表示您正在使用 Bootstrap 样式。如果您想使用 默认样式，请为表格使用 

class="display"
属性，如下所示：

<table id="example" class="display" cellspacing="0" width="100%">
...
</table>

您还需要包含默认样式的 CSS 文件。您可以使用 download builder 生成 CSS/JS 文件，并在 Styling 部分中选择 DataTables 选项。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.