【问题标题】:Data Table Bootstrap Styling Issue数据表引导样式问题
【发布时间】:2015-09-03 04:48:23
【问题描述】:

我已经开始使用基于以下的引导样式创建简单的数据表: http://www.datatables.net/examples/styling/bootstrap.html.

结果和例子不一样,可以看这里:

$(document).ready(function() {
   $('#example').dataTable({});
} );

http://jsfiddle.net/yb3kk8cn/

表格上方和下方的元素(过滤器和分页)位置重叠,而不是内联。

【问题讨论】:

  • 它很好,和例子一样
  • 在小提琴中,如果你只是让结果框更宽,引导程序会将导航项内联。当容器为less than 970 px wide 时,有关元素折叠和堆叠的问题
  • 谢谢,已解决。它大约是容器的大小。我需要做的是创建一个最小宽度的包装器。

标签: html css twitter-bootstrap datatables


【解决方案1】:

表格上方和下方的元素(过滤器和分页)位置重叠,而不是内联。

这只发生在小屏幕上,由于布局原因,这更可能发生在 jsfiddle 上。

我认为你的小提琴看起来是正确的。您的表格标题是粗体的,但这是一个简单的 CSS 修复。

【讨论】:

    猜你喜欢
    • 2017-02-19
    • 1970-01-01
    • 2016-02-14
    • 1970-01-01
    • 2016-12-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-09-30
    相关资源
    最近更新 更多