どの程度の情報が必要かわかりませんので、さらに情報が必要な場合はお知らせください。
私は Themeroller で jQuery DataTables を使用しています。私はこの外観を達成しようとしています:
ただし、何を試しても、これが得られます。
問題が発生している領域を赤で強調表示しました。基本的にヘッダーとフッターです。画像が少し見にくいのは承知していますが、ヘッダー ブロックとフッター ブロックが部分的にしか描画されていないようです。Chrome によると、領域は 1600px x 12px です。最低でも50px以上は必要なようです。
次の .css ファイルを含めています。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title> - The Exchange Site</title>
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
<link href="/Content/jquery.ui.theme.css" rel="stylesheet"/>
<link href="/Content/site.css" rel="stylesheet"/>
<link href="/Content/jquery.dataTables.css" rel="stylesheet"/>
<link href="/Content/jquery.dataTables_themeroller.css" rel="stylesheet"/>
<link href="/Content/PagedList.css" rel="stylesheet"/>
HTML の下部にある JavaScript は次のとおりです。
<script>
$(document).ready(function () {
oTable = $('#buyerNotification').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"bProcessing": true,
"iDisplayLength": 25,
"aaSorting": [[0, 'desc']]
});
});
Chrome でページを調べたところ、エラーは発生していません。もっと含めることが役立つ場合は、HTML のようにそうすることができますが、それはたくさんあります。