【问题标题】:dataTable is wide than bootstrap span数据表比引导跨度宽
【发布时间】:2014-06-05 14:52:57
【问题描述】:

我有一个使用 Bootstrap 和 jquery dataTables 的 Rails 应用程序。

dataTable 比父 div 中设置的 Bootstrap 跨度更宽。我希望表格保持在跨度的宽度内。

这是视图页面的前 2 行:

<div class="span12">
  <table class="display table dataTable table-striped table-bordered table-condensed" id="dataTable1" >

感谢您的帮助!

【问题讨论】:

  • 是列太宽还是什么?
  • 表格宽度过宽。 dataTable 自动调整每一列的宽度。
  • 如果自动宽度太宽,您可以在数据表定义中指定列宽。我不知道您是如何初始化数据表的,但在'aoColumns': [] 中,您将“sWidth”设置为每列的一个值,例如'sWidth': '10%'
  • 我希望不要单独设置每个列的宽度。我只是不明白为什么整个 dataTable 不留在它的父 div 中。
  • 你试过在桌子上放一个宽度吗?例如&lt;table style="width:600px"

标签: ruby-on-rails twitter-bootstrap jquery-datatables


【解决方案1】:

我最终使用了这个:

<div class="span12" style="width: 1100px;">

【讨论】:

    【解决方案2】:

    根据@Reddirt 的要求,将我的评论推广到答案...

    你试过在桌子上放一个宽度吗?例如:

    <table style="width:600px"
    

    【讨论】:

      猜你喜欢
      • 2013-05-21
      • 2013-07-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-12-09
      • 2018-03-22
      相关资源
      最近更新 更多