首先我会提到我想要实现的目标。我正在使用 PHP 的 CodeIgniter 框架。我的数据库中有 5 个表，我想通过单击显示页面上的按钮以数据表格式显示它们。我使用服务器端处理 php 作为数据源。因此，一开始我编写了仅以数据表格式显示一个表的代码，并且成功了。现在我想在按钮单击事件中一次显示 5 个表格。但 $aColumns 长度应等于 HTML 表中定义的列数。现在考虑分数表，它有 4 列student_id、exam_id、subject_id 和marks_achieved。现在另一个表是branch，有2 列，只有branch_id 和branch_name。所以我无法动态增加或减少 HTML 中的标签，所以我很困惑。
我也在用这个source创建数据表。
你可以检查我的 getTable() 函数here.
jQuery:
$(document).ready(function()
{
$('#datatable').dataTable({
"sPaginationType":"full_numbers",
"bJQueryUI":true,
"bProcessing": true,
"bServerSide": true,
"sServerMethod": "GET",
"sAjaxSource": "datatable/getTable",
"iDisplayStart": 0,
"iDisplayLength": 10,
"aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
"aaSorting": [[0, 'asc']],
"aoColumns": [
{ "bVisible": true, "bSearchable": true, "bSortable": true },
{ "bVisible": true, "bSearchable": true, "bSortable": true },
{ "bVisible": true, "bSearchable": true, "bSortable": true },
{ "bVisible": true, "bSearchable": true, "bSortable": true }
]
})
$('input[type=button]').bind('click', function(){
var param = $(this).attr('id');
data = param + '=1';
$.ajax({
type: 'POST',
url: 'datatable',
data: data
}).done(function( data ) {
console.log(data);
$('#display_area').html(data);
});
})
});
HTML:
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/javascript.js"></script>
<script type="text/javascript" src="../js/jquery.dataTables.min.js"></script>
</head>
<body id="dt_example">
<form action="" method="post">
<input type="button" id="display_branch" name="display_branch" value="Display Branch Table" >
<input type="button" id="display_marks" name="display_marks" value="Display Marks Table" >
</form>
<div id="container">
<div id="demo">
<table id="datatable" cellpadding="0" cellspacing="0" border="0" width="100%">
<thead>
<tr>
<th>Student ID</th>
<th>Exam ID</th>
<th>Subject ID</th>
<th>Marks Achieved</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
<tfoot></tfoot>
</table>
</div>
<div class="spacer"></div>
</div>
</body>
</html>
为了动态获取列，我在 datatable.php 中进行了如下更改，但它不起作用。这里出了什么问题还是我应该尝试其他方法？
if(isset($_POST['display_marks']))
{
$aColumns = array('student_id', 'exam_id', 'subject_id', 'marks_achieved');
$sTable = 'marks';
}
if(isset($_POST['display_branch']))
{
$aColumns = array('branch_id', 'branch_name');
$sTable = 'branch';
}
EDIT:user1190992 发布的解决方案有效，但整个方法发生了变化。我想清理列的标题。显示“branch_id”，而不是我想显示分支 ID。我怎样才能进行这种消毒？
