箭头和文本框在 Tabulator 中显得迷失方向 table

Question

header 行中过滤器的箭头和文本框看起来乱七八糟。箭头应出现在右侧，搜索框应出现在标题下方。

我在 html 文件中使用以下导入。

<!-- Tabulator -->
<link href="https://unpkg.com/tabulator-tables@4.5.3/dist/css/tabulator.min.css" rel="stylesheet">
<script type="text/javascript" src="https://unpkg.com/tabulator-tables@4.5.3/dist/js/tabulator.min.js"></script>

<!-- Jquery & Jquery UI -->
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

对于为什么会发生这种情况有什么建议吗？

Answer 1

这很奇怪，因为一切都加载正常。看来你得在这里 post 自我剖析一下。

每当您遇到与不需要的 CSS 行为相关的此类查询时，请尝试在浏览器的浏览器检查器中进行检查。在 Inspector(Firefox) 或 Elements(chrome) 选项卡中，您将看到应用于元素的样式。尝试通过单击刻度来切换每种样式 on/off。你会明白哪里出了问题。

箭头和文本框在 Tabulator 中显得迷失方向 table

Arrow & textbox appear disoriented in Tabulator table

tabulator