Jquery ui主题覆盖数据表css

Question

我无法弄清楚为什么我的jquery ui themeroller不会对我的数据表很好玩我试图加入对话框。数据表使用jquery-ui颜色，列不可读。我错过了什么吗？

这是我的HTMl：

<div id="dvAdvanced" class="display" style="padding-top:40px;">
    <table id="tblAdvSearch">
        <thead>
            <tr>
                <th>Drawing #</th>
                <th>Project</th>
                <th>Customer</th>
                <th>Created By</th>
                <th>Date Created</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1@Html.DisplayFor(model => model.PartNumber)</td>
                <td>2@Html.DisplayFor(model => model.RFQ)</td>
                <td>3@Html.DisplayFor(model => model.customer_id)</td>
                <td>@Html.DisplayFor(model => model.CreatedBy)</td>
                <td>@Html.DisplayFor(model => model.DateCreated)</td>
            </tr>
        </tbody>
    </table>
</div>

这是我的javascript：

$(document).ready(function () {
$("#btnAdvSearch").button();
$("#btnGenPart").button();
dlgAdvSearch = $("#dlgAdvSearch").dialog({
    "jQueryUI": true,
    title: "Advanced Search",
    autoOpen: false,
    height: 500,
    width: 900,
    modal: true,
    buttons: {
        Close: function () {
            dlgAdvSearch.dialog("close");
        }
    }
});
$("#tabs").tabs();
$("#tblQuickSearch").dataTable();
$("#tblAdvSearch").dataTable();
$("#btnAdvSearch").button().on("click", function () {
    dlgAdvSearch.dialog("open");
});;

}）;

最后这是我的bundleconfig：

bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/Content/bootstrap.css",
                  "~/Content/site.css",
                  "~/Content/jquery-ui.min.css",
                  "~/Content/jquery-ui.structure.min.css",
                  "~/Content/jquery-ui.theme.min.css",
                  "~/Content//DataTables/css/jquery.dataTables.css",
                  "~/Content//DataTables/css/dataTables.jqueryui.css",
                  "~/Content/DataTables/css/jquery.dataTables_themeroller.css",
                  "~/Content/DataTables/css/dataTables.bootstrap.css"));