jquery datatable: get entire column value by button click

Question

I bind my json data using jquery datatable and add button on row. Now how can I get a specific column data on list by button click? I can get a row value but can not find a way to get a column value.

Here is my Code:

$.ajax({
    url: "SympsService.asmx/GetSymptoms",
    method: "post",
    dataType: "json",
    data: JSON.stringify({ organ_name: "toes" }),
    contentType: "application/json",
    success: function (data) {
        var sympList = 'GetSymptoms' ? JSON.parse(data.d) : data.d;
        createDataTable('#symptomsTable', sympList);

        function createDataTable(target, data) {
            $(target).DataTable({
                destroy: true,
                paging: false, searching: false, info: false, data: data,
                columnDefs: [{
                    targets: [-1], render: function () {
                        return "<button type='button'>" + ('Choose') + "</button>"
                    }
                }],
                columns: [{
                        'data': 'Sympt',
                        'title': 'toes Symptoms',},
                {'data': null, 'title': 'Action' }]
               });
        }
        $('#symptomsTable').on("click", "tbody button", function () {
            var id = $(this).closest("tr").find("td:nth-child(1)").data();
            //here i get every row data by button click
            //but i want specific column data on list
        }) 
    }
});

meeran jasir · Accepted Answer · 2017-02-16 07:29:50Z

1

use the Datatable inbuilt function DataTables Column Data column().data()

answered Feb 16, 2017 at 7:29

meeran jasir

891 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

saf21 · Accepted Answer · 2017-02-16 07:42:34Z

0

try this, may help you.

$('#table tbody').on('click', 'td', function () {
   var index = $(this).index();
   var column = $('#table').column(index);
});

answered Feb 16, 2017 at 7:42

saf21

8442 gold badges15 silver badges35 bronze badges

1 Comment

Rudro Hasan Over a year ago

when use console.log('column') it shows uncaught type error .column is not a function. @saf21

Collectives™ on Stack Overflow

jquery datatable: get entire column value by button click

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related