Getting Column Values of Selected Rows/Row in jquery Datatable

Question

I'm stuck with following code. I wanted to get columns values of selected Rows/row in a datatable. i have use this code

code of DataTable :

var table = $('#tableId').DataTable({
        "ajax": {
            "url": "Content",
            "dataSrc": "",
            data: {sectionUrl: "", siteUrl: siteurl}
        },
        "columns": [
//            {"defaultContent": "<input type='checkbox' name='vehicle' id='checkID'>"},
            {"data": "postIMAGE", "render": function (data) {
                    return '<img src=' + data + ' width="154" height="115"/>';
                }},
            {"data": "postTITLE"},
            {"data": "postURL", "render": function (data) {
                    return '<a href=' + data + ' target="_blank"/>' + data + '</a>';
                }},
            {"data": "postSection"}

        ]
    });

.

$('#tableId tbody').on('click', 'tr', function () {
    $(this).toggleClass('selected');
});

$('#button').click(function () {

    var selectedRows = table.rows('.selected').data();
    var results = "";

    for (i = 0; i < selectedRows.length; i++) {
        alert();
    }
});

i want get the values of columns

yeh it's return an object. doent know how read that object. And I tried with ( selectedRows[i].length ) it shows undefined in alert — Amal Madawa
– Amal Madawa, Commented Aug 3, 2016 at 5:06

Sunil · Accepted Answer · 2016-08-03 05:55:08Z

2

You can access values from object as,

$('#button').click(function () {

   var selectedRows = table.rows('.selected').data();

 //if you are getting array of objects inside main object
   alert(selectedRows[0].postTITLE);
   alert(selectedRows[0].postURL);

  // if you are getting just plain object you can access it as
    alert(selectedRows.postTITLE);
    alert(selectedRows.postURL);
});

answered Aug 3, 2016 at 5:55

Sunil

92915 silver badges25 bronze badges

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

Comments

pradeep kumar · Accepted Answer · 2023-09-27 11:35:58Z

0

You can access selected rows in server side rendering by cols name from Datatable

$('#button').click(function (){
   let rows = $('#tableElement').rows( { selected: true } ).data().map(x=>x.cols_name).toArray();
         console.log(rows);
  });

edited Sep 27, 2023 at 11:35

answered Sep 27, 2023 at 11:29

pradeep kumar

11 bronze badge

Collectives™ on Stack Overflow

Getting Column Values of Selected Rows/Row in jquery Datatable

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related