Javascript DataTables CSS不应用于表

该表通过datatables具有分页和排序功能，但未应用css。我使用的是rails 4.2

我将所有css和图像文件分别加载到供应商/资产/样式表和图像中

我使用较少的样式表。 我在application.less中导入datatables css

...
@import "dataTables.bootstrap.css";
@import "jquery.dataTables.css";

表数据由ajax加载，datatables在ajax成功时初始化

LeaderBoards.prototype.updateResults = function() {
    var valuesToSubmit = $(this.form).serialize();
    var that = this;
    $.ajax({
        url: $(this.form).attr('action'),
        type: "GET",
        data: valuesToSubmit,
        dataType: "html"
    }).success(function(response){
        that.resultBox.html(response);
        $('#leaderboard-table-test').DataTable( {
            searching: false,
            "iDisplayLength": 3,
            "bLengthChange": false
        });
    }).error(function(){
        var text = I18n.t('leaderboards.index.no_results_found');
        that.resultBox.html('<div class="no-results-found">'+ text +'</div>');
    });
};

leadboards.prototype.updateResults=function（）{
var valuesToSubmit=$（this.form）.serialize（）；
var=这个；
$.ajax({
url:$（this.form）.attr（'action'），
键入：“获取”，
数据：价值待提交，
数据类型：“html”
}).成功（功能（响应）{
html（响应）；
$（“#排行榜表测试”）。数据表（{
搜索：假，
“iDisplayLength”：3，
“bLengthChange”：false
});
}).错误（函数（）{
var text=I18n.t（'排行榜.索引.未找到结果'）；
html（“”+text+“”）；
});
};

下面是我正在尝试的一个表的示例：

<table id="table_id" class="display">
    <thead>
    <tr>
        <th>Column 1</th>
        <th>Column 2</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>Row 1 Data 1</td>
        <td>Row 1 Data 2</td>
    </tr>
    </tbody>
</table>

第1栏
第2栏
第1行数据1
第1行数据2

我可以看到datatables类在加载表之后被添加到这个表中。 例如，它被包装在一个div中：

<div id="#table_id_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer">

---

在application.css中，我看到了我的datatables css导入的

@import

语句，但是datatables css本身不包括在内。

我能够解决这个问题。DataTables CSS文件未按预期正确导入。诀窍是迫使它们被解释为更少的文件，而不是常规的css

我将导入语句更改为

@import（less）“jquery.dataTables.css”并且已正确加载。

感谢Polyov帮助我得出这个结论。
您在编译的
main.css
中看到datatables代码了吗？@Polyov我添加了一些更多的信息来回应您的评论。如果代码没有出现在
application.css
中，那么它就没有被正确导入。尝试一些不同的路径或格式。我同意它没有被正确导入，但我不知道为什么。css文件位于供应商/资产/样式表中。资源下的任何文件夹都应该包含在rails的加载路径中，因此
@import“file\u name.css”应该足够工作了。我尝试过其他路径格式，但也没有成功。