Question

我有一个使用2个不同数据表的网站，它们工作正常，除了一些问题让按钮显示，但除此之外，我需要一个选项来编辑/删除行，这样如果我删除，它将从表和数据库，但如果我编辑并保存它将更新数据库。

我已经看到了一个名为Editor的Datatables插件的选项，但我有点迷失了看它，我需要一个在wordPress网站上没有任何问题的选项，因为到目前为止这对我来说是一个问题

site / Datatable的链接是testing.uwsinc.net/dashboardtest，这是我的表格代码：

<head>
<script type="text/javascript"   src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script type="text/javascript"   src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
<script type="text/javascript"   src="https://cdn.datatables.net/buttons/1.3.1/js/dataTables.buttons.min.js"></script>
<script type="text/javascript"   src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript"   src="https://cdn.datatables.net/buttons/1.3.1/js/buttons.colVis.min.js"></script>
<script type="text/javascript"   src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.27/build/pdfmake.min.js"></script>
<script type="text/javascript"   src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.27/build/vfs_fonts.js"></script>
<script type="text/javascript"   src="https://cdn.datatables.net/buttons/1.3.1/js/buttons.html5.min.js"></script>
<script type="text/javascript"   src="https://cdn.datatables.net/plug-ins/1.10.15/filtering/row-based/range_dates.js"></script>

</head>
<body>

<label style="font-weight:bold;">Select the table you would like to view:
</label></br>
<select name='tables' id='select-tables'>
<option value="mytable">Survey Test Table</option>
<option value="mytableSurvey">Survey Only</option>
</select>
</br>


<script type="text/javascript">
(function($) {
$(document).ready(function() {

$('#mytable').DataTable({
dom: 'Bfrtip',
buttons: [
'copy', 'excel', 'pdf', 'colvis'
]
});


$('#mytableSurvey').DataTable({
dom: 'Bfrtip',
buttons: [
'copy', 'excel', 'pdf', 'colvis'
]
});
$('.dataTable').wrap('<div class="dataTables_scroll" />');




$(document).on('change' , '#select-tables', function(){
var table = $(this).val();
$('#' + table +'_wrapper').show();
$('[id$="_wrapper"]').not('#' + table +'_wrapper').hide();
});
$("#select-tables").trigger("change");

});
}(jQuery));
</script>

Answer 1

编辑器不会纯粹在前端运行，所以你需要在后端有一个PHP脚本来初始化Editor类，并将每个列连接到DB中的一个字段，编辑器教程中有一些例子。

但是，当您在寻找WordPress解决方案时，您可以检查在本机WordPress插件中实现前端表编辑的插件：https://wpdatatables.com/documentation/front-end-editing/creating-editable-tables/

您可以从站点的前端编辑基于MySQL的表，选择允许编辑表的用户角色，甚至支持外键。

在wordpress中编辑/删除数据表中的行

1 个答案: