向jquery数据表添加边框，不包括搜索栏

Question

这可能是一个简单的问题，但我需要你的帮助。 如何向jquery数据表添加边框，不包括搜索栏？ 我尝试使用css，但边框包括搜索栏。

    .table1{
    border-width: 1px;
    border-style:solid;
    border-color: #A1A1A1;
}

$.fn.dataTableExt.oJUIClasses.sWrapper = "table1";

我在这里准备了一个小提琴：http://jsfiddle.net/X65td/

Answer 1

如果您将搜索栏作为表格的第一行，则可以使用以下脚本为表格添加样式：

$(function() {
    $("#table-id").find("tr:not(:first)").addClass("table-class");
});

Answer 2

我在我的情况下使用下面的代码，它适用于我，我使用chrome：

#dataTableId { border: 1px solid black !important; }