Question

如何居中显示jqGrid的 +

Answer 1

　　<div class="center">
　　<table id="results"></table>
　　</div>

　　<script type="text/javascript">
　　$(document).ready(function () {
　　$("#results").jqGrid({
　　datatype: "local",
　　height: 250,
　　colNames: ['Inv No', 'Date', 'Client', 'Amount', 'Tax', 'Total', 'Notes'],
　　colModel: [
　　{ name: 'id', index: 'id', width: 60, sorttype: "int" },
　　{ name: 'invdate', index: 'invdate', width: 90, sorttype: "date" },
　　{ name: 'name', index: 'name', width: 100 },
　　{ name: 'amount', index: 'amount', width: 80, align: "right", sorttype: "float" },
　　{ name: 'tax', index: 'tax', width: 80, align: "right", sorttype: "float" },
　　{ name: 'total', index: 'total', width: 80, align: "right", sorttype: "float" },
　　{ name: 'note', index: 'note', width: 150, sortable: false }
　　],
　　multiselect: true,
　　caption: "Manipulating Array Data"
　　});
　　var mydata = [
　　{ id: "1", invdate: "2007-10-01", name: "test", note: "note", amount: "200.00", tax: "10.00", total: "210.00" },
　　{ id: "2", invdate: "2007-10-02", name: "test2", note: "note2", amount: "300.00", tax: "20.00", total: "320.00" },
　　{ id: "3", invdate: "2007-09-01", name: "test3", note: "note3", amount: "400.00", tax: "30.00", total: "430.00" },
　　{ id: "4", invdate: "2007-10-04", name: "test", note: "note", amount: "200.00", tax: "10.00", total: "210.00" },
　　{ id: "5", invdate: "2007-10-05", name: "test2", note: "note2", amount: "300.00", tax: "20.00", total: "320.00" },
　　{ id: "6", invdate: "2007-09-06", name: "test3", note: "note3", amount: "400.00", tax: "30.00", total: "430.00" },
　　{ id: "7", invdate: "2007-10-04", name: "test", note: "note", amount: "200.00", tax: "10.00", total: "210.00" },
　　{ id: "8", invdate: "2007-10-03", name: "test2", note: "note2", amount: "300.00", tax: "20.00", total: "320.00" },
　　{ id: "9", invdate: "2007-09-01", name: "test3", note: "note3", amount: "400.00", tax: "30.00", total: "430.00" }
　　];
　　for (var i = 0; i <= mydata.length; i++)
　　$("#results").jqGrid('addRowData', i + 1, mydata[i]);
　　});
　　</script>

　　然而，网格不不会出现在中心在哪里暨其他一切类居中。 我怎样才能居中网格？ CSS的看起来像这样：
　　div.header
　　{
　　text-align: center;
　　}

　　+
　　本文地址 ：CodeGo.net/268249/

　　-------------------------------------------------------------------------------------------------------------------------

　　1. 以下内容添加到你的CSS： 。中心 { 宽度：640px; 保证金左：自动; 保证金右：汽车; } +

　　2. JQGrid的不可能的针自2011年3月的答案已经改变。随着JQGrid的4.3.1，我不得不添加以下CSS：
　　.center .ui-jqgrid {
　　margin-left: auto;
　　margin-right: auto;
　　}

　　“中心”认定表的容器，兼写问题的HTML示例。