#results テーブルに関連するすべてのコードは次のとおりです。
jQuery(document).ready(function) {
editor = new jQuery.fn.dataTable.Editor( {
ajax: "<?php echo $full_dir . '/ajax_call.php'; ?>",
table: "#results",
fields: [ {
label: "Mfg ID",
name: "ball_mfg.mfgID"
}, {
label: "Mfg name:",
name: "ball_mfg.name"
}, {
label: "Model #",
name: "ball_model.modelID"
}, {
label: "Model Name:",
name: "ball_model.name"
}
]
} );
jQuery('#results').DataTable( {
"pagingType": "full_numbers",
dom: "Bfrtip",
ajax: {
url: "<?php echo $full_dir . '/ajax_call.php'; ?>",
type: 'POST'
},
columns: [
{ "render": function ( data, type, full, meta ) {
return '<input type="radio" name="select_model" class="radio1 my_input" data-modelID="'+full.ball_model.modelID+'">';
}}, // here's a radio button, modify to use data to populate it,
{ data: "ball_mfg.name" },
{ data: "ball_model.name" }
],
select: false,
buttons: [
]
} );
これにより、標準の [戻る]、ページ番号、および [次へ] ボタンのみが表示されます。https://www.bowling-tracker.com/bowl/bowling-resources/bowling-ball-informationで出力を表示できます。
私の好みは、実際には入力ボックスを持つことです。あなたは私が持っていることに気付くでしょう
<script type="text/javascript" src="https://cdn.datatables.net/plug-ins/1.10.16/pagination/input.js"></script>
ヘッダーで "pagingType":"input" を使用しようとしましたが、
同様に、どのページングタイプを使用しても問題ないようです。単にページネーションボタンを変更しません。
サーバー側で実行する必要があるため(結果が返されるため)、DataTables Editorを使用してこれを生成しているため、(結合された)いくつかのテーブルしか表示できません。