数据表行延伸超过表边界，或者太窄

Ruby 2.0.0，Rails 4.0.3，jquery-datatables-rails 2.2.3（w / DataTables 1.10.1），jquery-rails 3.1.1，jquery-ui-rails 5.0.0，lodash-rails 2.4.1， bootstrap-sass 3.2.0.1

我无法让Datatables正确格式化。 列超出表单，或列太窄。 我为此尝试了一些myriead修复程序。 我已设置columnDefs和列宽。 我在表格标题中设置了HTML宽度。 我将autoWidth设置为false和true。 我已动态设置CSS宽度。 我已经安装了各种推荐的CSS修改。 我试过我能找到的一切。 令人沮丧的是，没有任何改变。 格式总是完全一样，就像它完全忽略了我的所有尝试。 这些表单配置为响应。 我也禁用了那个。 没有骰子。

除格式化外，表格完美无缺。 他们排序。 他们搜索，他们页面。 他们只是不能正确格式化。 再一次，我把它最小化为一种forms，并取出所有无关的信息无济于事。

所有的帮助表示赞赏。

表单呈现为：

部分forms是：

 
 <table id="carstable" class="display table-striped" width="80%" data-source="">   Stock No. Year Make Model Color Status Mileage MSRP Aged       

数据表初始化为：

 $(document).ready(function () { var breakpointDefinition, tableElement; var rHelperCar; rHelperCar = void 0; breakpointDefinition = { tablet: 1300, phone: 480 }; tableElement = $("#carstable"); tableElement.dataTable({ responsive: false, autoWidth: false, pagingType: "full", jQueryUI: true, processing: true, serverSide: true, ajax: $('#carstable').data('source'), preDrawCallback: function () { if (!rHelperCar) { rHelperCar = new ResponsiveDatatablesHelper(tableElement, breakpointDefinition); } }, rowCallback: function (nRow) { rHelperCar.createExpandIcon(nRow); }, drawCallback: function (oSettings) { rHelperCar.respond(); } }); 

保存的HTML页面：

           ...    
 
 
Car 
 
  Toggle navigation     Home 
 
 
 
Logout
 
Cars
 
 
 
 
 
  
 
 
 
 
 
 --- This associate is: David Hanson 
 
 
 
 
 
 
 
Stock No.
 
Year
 
Make
 
Model
 
Color
 
Status
 
Mileage
 
MSRP
 
Aged
 
 
 
 
 
 
 
 
 
 
 
 
    

Answer 1

一旦我在DataTables作者Allan的帮助下真正理解了这个问题，这不是一个难以解决的问题。 这些行只是比表所能处理的更宽，迫使它溢出。 我发现index.html.erb使用包含div元素的布局渲染索引partial，该div元素将表格宽度限制为col-md-6。 我将宽度更改为col-md-9，这解决了基本问题。

随着浏览器宽度缩小和设备类型发生变化，行宽仍然存在问题。 这似乎是breakpointDefinition的一个问题。 似乎微调该参数应解决问题，以便适当地隐藏列。

更新：还注意到我显示的部分有span12影响行长度。 使表大小和行长度兼容肯定是有意义的。 有趣的是，一旦你解决了一些问题，这一切都很有效。 当然，我还有很多东西需要学习。