0

ヘッダーとフッターのスタイルに関するDataTablesに問題があります。

問題:

  • ヘッダーには、フロート ライトと同じ行ではなく、新しい行に検索ボックスがあります。
  • th のページネーション ボタン/アイコンも新しい行に表示されます。
  • フッター ボタンがつぶれて表示されます。

ここに画像の説明を入力

滑らかさを除く他のすべての css ファイルを除外しようとしました (グレーの外観になります)。見逃している設定はありますか？私はサイト全体で例を探しましたが、この問題については何も言及していません。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <link href="css/smoothness/jquery-ui-1.8.21.custom.css" rel="stylesheet" type="text/css" />
    <script language="javascript" type="text/javascript" src="jquery-1.7.1.min.js"></script>
    <script language="javascript" type="text/javascript" src="jquery.dataTables.js"></script>
    <script language="javascript" type="text/javascript" src="jquery.dataTables.nightly.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        oTable = $('#num2').dataTable({
            "bJQueryUI": true,
            "sPaginationType": "full_numbers"
        });
    } );

    </script>

</head>
<body>
        <table id="num2">

            <thead>
            <tr>
                <th>
                num 1
                </th>
                <th>
                num 2
                </th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>john
                </td>
                <td>
                joe
                </td>
            </tr>
            </tbody>

        </table>
</body>
</html>

ヘッダーとフッターは次のようになります。 ここに画像の説明を入力

4

1 に答える 1

2

それを見ると、データテーブルの「構造的な」CSS ファイルがありません。私自身は Datatables を使用したことはありませんが、jQuery と jQuery UI について多くの経験があり、CSS ファイルは「構造」と「テーマ」の間で非常に明確に分離されています。ここで、css/smoothness/jquery-ui-1.8.21.custom.css ファイルが含まれていることに気付きました。このファイルには、標準ウィジェット (アコーディオン、ダイアログ、タブなど) と 1 つのテーマ (滑らかさ)。あなたが欠けていると思うのは、DataTables 構造 CSS ファイルです。これは、jQuery UI のデフォルトのウィジェットではないため、DataTables サイトから取得する必要があります。彼らのサイトのテーマローラーの例を見ると、/demo_table_jui.css の CSS ファイルもあります。

iFrame 内でのレンダリングは重要ではありません

于 2012-07-05T04:19:19.710 に答える