DataTables bootstrap 网格宽度。我们可以内嵌样式表吗？

Question

我一直在尝试在我的网站上实施数据表，使用 Bootstrap 样式，并使用 javascript 初始化表格。我有几个彼此相邻的表，但创建的 DataTables 包装器似乎为每个表放置了一个 col-sm-12 行，不允许表彼此内联。

我有一个基本的 HTML 设置：

<table id='stats1a' class="table table-bordered display"></table>
<table id='stats1b' class="table table-bordered display"></table>

并且相当直接 javascript 调用：

$('#stats1a").DataTable( {
        data: dataSet1a, //data defined elsewhere
        columns: [
            { title: "" },
            { title: "Ending Portfolio" },
            { title: "Yearly Withdrawals" },
            { title: "Total Withdrawals" },
        ],
        "ordering": false,
        "paging": false,
        "searching": false,
        "info": false
    } );

如何使用 DataTables 选项让这些表内联排列，而不是彼此重叠？

Answer 1

为什么不将它们包含在更高级别的 row/columns 集合中：

<div class="row">
    <div class="col-md-6">
        <table id='stats1a' class="table table-bordered display"></table>
    </div>
    <div class="col-md-6">
        <table id='stats1b' class="table table-bordered display"></table>
    </div>
</div>

这样，无论自动将它们包装在 col-sm-12 中的是什么，“12”最终成为 col-md-6 中可用的 12 列。

DataTables bootstrap 网格宽度。我们可以内嵌样式表吗？

DataTables bootstrap grid width. Can we style tables inline?

css

datatables

twitter-bootstrap