DataTables 中的集成语义 UI 无法正常工作

Posted

技术标签:

【中文标题】DataTables 中的集成语义 UI 无法正常工作【英文标题】:Integrated semantic UI in DataTables is not working properl y 【发布时间】:2018-01-29 13:27:13 【问题描述】:

首先看一下Semantic UI在DataTables中集成Semantic UI后给出的视图:https://datatables.net/examples/styling/semanticui.html

当我在我的 DataTables 中集成 Semantic UI 时,我的视图中没有得到相同的效果。 This image shows the top of table which I am getting after integrating the semantics in DataTables 请帮忙。我做错了什么?

【问题讨论】:

我想你忘记在代码中添加语义css和js 【参考方案1】:

首先,我们需要您编写的代码来帮助您。

第二个,你的页面没有样式和动画,所以问题出在CDN的导入上。如果你没有连接到互联网,它就不起作用。

您必须导入所有此链接:

code.jquery.com/jquery-1.12.4.js
https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js
https://cdn.datatables.net/1.10.15/js/dataTables.semanticui.min.js
cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.js
cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.css
https://cdn.datatables.net/1.10.15/css/dataTables.semanticui.min.css

如果在那之后它不起作用,请向我们展示您的 javascript 文件

【讨论】:

感谢 SD 的回复。我做错了。我忘了在表格标签中添加语义 ui 类。我通过添加该类来修复它。 没问题,为了获得更好的可见性,您可以编辑帖子以指出问题所在;)

以上是关于DataTables 中的集成语义 UI 无法正常工作的主要内容,如果未能解决你的问题,请参考以下文章

带有 React 和 Vue 的语义 UI 和 jQuery

将 DataTables 插件与 django 框架集成

JQuery 的 DataTables Editor 插件和 Django

语义 UI 导航菜单的响应式替换

无法为语义 UI 反应组件检查 expect(elm).not.toBeVisible()

重置 DataTables 中的过滤数据