【问题标题】:DataTables tables appear incorrectlyDataTables 表显示不正确
【发布时间】:2017-03-10 08:55:52
【问题描述】:

我正在使用 Bootstrap 4,并按照此页面上 DataTables 提供的示例进行操作:link

我使用的代码在这里:link

它是这样出现的:

我该如何解决这个问题?

【问题讨论】:

    标签: javascript jquery css datatable twitter-bootstrap-4


    【解决方案1】:

    我尝试使数据表正常工作,但发现了问题,您使用的引导 css 链接与​​引导程序的链接冲突,请改用这 2 个链接来使表格正常工作。

    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.13/css/dataTables.bootstrap.min.css"/>
    

    【讨论】:

    • 当我使用 Bootstrap 4 时,您的链接指的是 Bootstrap 3。
    • 好吧,我明白了,但它的推特引导程序打破了它。如果您删除该数据表,则该数据表运行良好
    • @ammarx 如果您向表格“display: inline-block;”添加样式属性有点固定
    • 但是他们网站上的例子有效,并且使用了Bootstrap 4?
    猜你喜欢
    • 1970-01-01
    • 2014-08-18
    • 1970-01-01
    • 1970-01-01
    • 2020-04-11
    • 1970-01-01
    • 2013-07-20
    • 1970-01-01
    相关资源
    最近更新 更多