如何为datatable和select框中的每一行提供select字段需要查看row的数据

时间:2018-02-18 12:04:26

标签: php jquery html

我有一个表从数据库获取数据并且我正在使用数据表来获取该数据现在我需要每行的选择框,就像我在表中有三行

firstname||number||email

sairam||123||gau@gmail.com  gau||1234||gauuiu@gmail.com

现在,当我点击名字时,应该有一个选择框,当我选择sairam需要获得整个coloumn时,我需要得到sairam和gau在选择框soo中。我使用下面的代码来获取jquery数据表。< / p>

$(document).ready(function() {

  $('#myTable').dataTable({
          dom: 'Bfrtip',
      buttons: [

          'excelHtml5',

          'pdfHtml5'
      ]
  });
});

1 个答案:

答案 0 :(得分:-1)

查看您的问题,我假设在编辑数据表中任何行的第一个单元格时,您需要显示一个选择框,并且选择框应具有特定值。

这是应该帮助你的代码

 $('#myTable').dataTable({
                dom: 'Bfrtip',
                buttons: [

                    'excelHtml5',

                    'pdfHtml5'
                ]
            }).makeEditable({
                sUpdateURL: "",//url to handle the update call when lets say a name is selected for name select box
                sUpdateHttpMethod: "POST",
                "aoColumns": [
                        {
                            //settings for name column
                            indicator: 'Saving selected name',
                            tooltip: 'Click to select name',
                            loadtext: 'loading...',
                            type: 'select',
                            onblur: 'cancel',
                            submit: 'Ok',
                            loadurl: '',//url to load select box items
                            loadtype: 'POST',
                            width: '25%',
                            cssclass: "required"
                        },
                        {
                        //settings for number column
                        },
                        {
                        //settings for email column
                        }
                        ]

            });
        });

上面的代码使用jquery jeditable插件进行就地编辑 https://plugins.jquery.com/jeditable/

希望它有所帮助!!