Question

我正在尝试在数据表中添加edit和delete按钮。

我有html

<table id="example" class="display" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Theater name</th>
            <th>Action</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th>Theater name</th>
            <th>Action</th>
        </tr>
    </tfoot>
</table>

$(document).ready(function() {
    $('#example').DataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": "<?php echo JRoute::_('index.php?option=com_wsmovies&task=addtheatres' ); ?>"
    });
});

我尝试在thead和tbody中添加列，但它提醒我说

DataTables警告：table id = example - 第0行第1列请求的未知参数“1”。有关此错误的详细信息，请参阅http://datatables.net/tn/4

服务器返回数据

{ “画”：0， “recordsTotal”：57， “recordsFiltered”：57 “数据”：[[ “老虎”， “尼克松”]，[ “盖瑞特”， “温特斯”]，[“阿什顿“ ”考克斯“]，[ ”塞德里克“， ”凯利“]，[ ”爱理“， ”佐藤“]，[ ”布里勒“， ”威廉森“]，[ ”Herrod“， ”钱德勒“]，[” 罗娜“ ”戴维森“]，[ ”科琳“， ”赫斯特“]，[ ”索尼娅“， ”霜“]，[ ”耶拿“， ”盖恩斯“]，[ ”昆“， ”弗林“]，[” 尚德“ ”马歇尔“]，[ ”海利“， ”肯尼迪“ 号]，[ ”塔季扬娜“， ”菲茨帕特里克“]，[ ”迈克尔“， ”席尔瓦“]，[ ”保罗“， ”伯德“]，[” 格洛丽亚“ ”小“]，[ ”布拉德利“， ”葛莱“]，[ ”戴“， ”Rios的“]，[ ”Jenette“， ”考德威尔“]，[ ”尤里“， ”浆果“]，[” 凯撒“ ”万斯“]，[ ”多丽丝“， ”怀德“]，[ ”当归“， ”拉莫斯“]，[ ”加文“， ”乔伊斯“]，[ ”珍“， ”张“]，[” 布兰登· “ ”瓦格纳“]，[ ”菲奥娜“， ”绿色“]，[ ”守“， ”伊藤“]，[ ”米歇尔“， ”家“]，[ ”苏基“， ”伯克斯“]，[” 普雷斯科特“ ”巴特利特“]，[ ”加文“， ”科尔特斯“]，[ ”Martena“， ”麦克雷“]，[ ”团结“， ”巴特勒“]，[ ”霍华德“， ”哈特菲尔德“]，[” 希望“ ”Fuentes的“]，[ ”维维“， ”勒尔“]，[ ”蒂莫西“， ”门尼“]，[ ”杰克逊“， ”布拉德肖“]，[ ”奥利维亚“， ”梁“]，[” 布鲁诺“ ”纳什“]，[ ”樱花“， ”山本“]，[ ”托尔“， ”沃尔顿“]，[ ”芬兰“， ”卡马乔“]，[ ”塞尔“， ”鲍德温“]，[” Zenaida ” “弗兰克”]，[ “索里塔”， “塞拉诺”]，[ “珍”， “阿科斯塔”]，[ “卡拉”， “史蒂文斯”]，[ “赫敏”， “管家”]，[ “Lael”， “葛莱”]，[ “乔纳斯”， “亚历山大”]，[ “沙德”， “德克尔”]，[ “迈克尔”， “布鲁斯”]，[ “娜”， “斯奈德”]]}

任何人都可以帮我解决这个问题

Answer 1

您只需在DataTable定义

中添加其HTML即可

$('#example').DataTable( {
    "processing": true,
    "serverSide": true,
    "ajax": "<?php echo JRoute::_('index.php?option=com_wsmovies&task=addtheatres' ); ?>",
    "columns": [
             {
                "targets": -1,
                "data": null,
                "orderable": false,
                "defaultContent": [ 
                    "<i  class='glyphicon glyphicon-edit'></i>"+
                    "<i  class='glyphicon glyphicon-trash'></i>"]

             }

    ]
} );

DEMO：https://jsfiddle.net/Prakash_Thete/evfchh7q/

更改您的表格定义如下（在为两列+编辑按钮列发送数据时添加了一个标题）。

<table id="example" class="display" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Theater name</th>
            <th>One more header</th>
            <th>Action</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th>Theater name</th>
            <th>One more header</th>
            <th>Action</th>
        </tr>
    </tfoot>
</table>

如何在非数据库

1 个答案: