Question

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

我有一个基本的HTML设置：

SELECT 
FROM contacted_emails
WHERE email NOT IN (
    SELECT email FROM blacklist
    UNION ALL SELECT email FROM submission_authors
    UNION ALL SELECT email FROM users
)
GROUP BY email
HAVING COUNT(id) > 3

相当简单的javascript调用：

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

如何使用DataTables选项让这些表格内联，而不是相互排列？

Answer 1

为什么不在更高级别的行/列集合中包含它们：

<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中时就会发生它的事情，那就是＆＃34; 12＆＃34;最终成为col-md-6中可用的12列。

DataTables引导网格宽度。我们可以内联表格吗？

1 个答案: